card2 icon
card2-filled from Reicon by REICON · Filled · Money · MIT Free for personal and commercial use.
- Name
- card2-filled
- Set
- Reicon
- Style
- Filled
- Category
- Money
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More money icons from Reicon
Use the card2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14 4h-4C6.229 4 4.343 4 3.172 5.172c-.844.843-1.08 2.057-1.146 4.078h19.948c-.066-2.021-.302-3.235-1.146-4.078C19.657 4 17.771 4 14 4"/><path fill-rule="evenodd" d="M14 20h-4c-3.771 0-5.657 0-6.828-1.172S2 15.771 2 12q0-.662.002-1.25h19.996Q22 11.338 22 12c0 3.771 0 5.657-1.172 6.828S17.771 20 14 20m2.045-7.75c.433 0 .83 0 1.152.043c.356.048.731.16 1.04.47s.422.684.47 1.04c.043.323.043.72.043 1.152v.09c0 .433 0 .83-.043 1.152c-.048.356-.16.731-.47 1.04s-.684.422-1.04.47c-.323.043-.72.043-1.152.043h-.09c-.433 0-.83 0-1.152-.043c-.356-.048-.731-.16-1.04-.47s-.422-.684-.47-1.04c-.043-.323-.043-.72-.043-1.152v-.09c0-.433 0-.83.043-1.152c.048-.356.16-.731.47-1.04s.684-.422 1.04-.47c.323-.043.72-.043 1.152-.043zM5.25 13.5a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75m0 3a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/><path d="m14.823 13.823l.003-.001l.01-.005a.7.7 0 0 1 .167-.037c.21-.028.504-.03.997-.03s.787.002.997.03a.7.7 0 0 1 .177.042l.003.001l.001.003l.005.01c.009.022.024.07.037.167c.028.21.03.504.03.997s-.002.787-.03.997a.7.7 0 0 1-.042.177l-.001.003l-.003.001l-.01.005a.7.7 0 0 1-.167.037c-.21.028-.504.03-.997.03s-.787-.002-.997-.03a.7.7 0 0 1-.177-.042l-.003-.001l-.001-.003l-.005-.01a.7.7 0 0 1-.037-.167c-.028-.21-.03-.504-.03-.997s.002-.787.03-.997a.7.7 0 0 1 .042-.177z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconCard2Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14 4h-4C6.229 4 4.343 4 3.172 5.172c-.844.843-1.08 2.057-1.146 4.078h19.948c-.066-2.021-.302-3.235-1.146-4.078C19.657 4 17.771 4 14 4"/><path fillRule="evenodd" d="M14 20h-4c-3.771 0-5.657 0-6.828-1.172S2 15.771 2 12q0-.662.002-1.25h19.996Q22 11.338 22 12c0 3.771 0 5.657-1.172 6.828S17.771 20 14 20m2.045-7.75c.433 0 .83 0 1.152.043c.356.048.731.16 1.04.47s.422.684.47 1.04c.043.323.043.72.043 1.152v.09c0 .433 0 .83-.043 1.152c-.048.356-.16.731-.47 1.04s-.684.422-1.04.47c-.323.043-.72.043-1.152.043h-.09c-.433 0-.83 0-1.152-.043c-.356-.048-.731-.16-1.04-.47s-.422-.684-.47-1.04c-.043-.323-.043-.72-.043-1.152v-.09c0-.433 0-.83.043-1.152c.048-.356.16-.731.47-1.04s.684-.422 1.04-.47c.323-.043.72-.043 1.152-.043zM5.25 13.5a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75m0 3a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75" clipRule="evenodd"/><path d="m14.823 13.823l.003-.001l.01-.005a.7.7 0 0 1 .167-.037c.21-.028.504-.03.997-.03s.787.002.997.03a.7.7 0 0 1 .177.042l.003.001l.001.003l.005.01c.009.022.024.07.037.167c.028.21.03.504.03.997s-.002.787-.03.997a.7.7 0 0 1-.042.177l-.001.003l-.003.001l-.01.005a.7.7 0 0 1-.167.037c-.21.028-.504.03-.997.03s-.787-.002-.997-.03a.7.7 0 0 1-.177-.042l-.003-.001l-.001-.003l-.005-.01a.7.7 0 0 1-.037-.167c-.028-.21-.03-.504-.03-.997s.002-.787.03-.997a.7.7 0 0 1 .042-.177z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14 4h-4C6.229 4 4.343 4 3.172 5.172c-.844.843-1.08 2.057-1.146 4.078h19.948c-.066-2.021-.302-3.235-1.146-4.078C19.657 4 17.771 4 14 4"/><path fill-rule="evenodd" d="M14 20h-4c-3.771 0-5.657 0-6.828-1.172S2 15.771 2 12q0-.662.002-1.25h19.996Q22 11.338 22 12c0 3.771 0 5.657-1.172 6.828S17.771 20 14 20m2.045-7.75c.433 0 .83 0 1.152.043c.356.048.731.16 1.04.47s.422.684.47 1.04c.043.323.043.72.043 1.152v.09c0 .433 0 .83-.043 1.152c-.048.356-.16.731-.47 1.04s-.684.422-1.04.47c-.323.043-.72.043-1.152.043h-.09c-.433 0-.83 0-1.152-.043c-.356-.048-.731-.16-1.04-.47s-.422-.684-.47-1.04c-.043-.323-.043-.72-.043-1.152v-.09c0-.433 0-.83.043-1.152c.048-.356.16-.731.47-1.04s.684-.422 1.04-.47c.323-.043.72-.043 1.152-.043zM5.25 13.5a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75m0 3a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/><path d="m14.823 13.823l.003-.001l.01-.005a.7.7 0 0 1 .167-.037c.21-.028.504-.03.997-.03s.787.002.997.03a.7.7 0 0 1 .177.042l.003.001l.001.003l.005.01c.009.022.024.07.037.167c.028.21.03.504.03.997s-.002.787-.03.997a.7.7 0 0 1-.042.177l-.001.003l-.003.001l-.01.005a.7.7 0 0 1-.167.037c-.21.028-.504.03-.997.03s-.787-.002-.997-.03a.7.7 0 0 1-.177-.042l-.003-.001l-.001-.003l-.005-.01a.7.7 0 0 1-.037-.167c-.028-.21-.03-.504-.03-.997s.002-.787.03-.997a.7.7 0 0 1 .042-.177z"/></g></svg> </template>
CSS
.icon-card2-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14%204h-4C6.229%204%204.343%204%203.172%205.172c-.844.843-1.08%202.057-1.146%204.078h19.948c-.066-2.021-.302-3.235-1.146-4.078C19.657%204%2017.771%204%2014%204%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14%2020h-4c-3.771%200-5.657%200-6.828-1.172S2%2015.771%202%2012q0-.662.002-1.25h19.996Q22%2011.338%2022%2012c0%203.771%200%205.657-1.172%206.828S17.771%2020%2014%2020m2.045-7.75c.433%200%20.83%200%201.152.043c.356.048.731.16%201.04.47s.422.684.47%201.04c.043.323.043.72.043%201.152v.09c0%20.433%200%20.83-.043%201.152c-.048.356-.16.731-.47%201.04s-.684.422-1.04.47c-.323.043-.72.043-1.152.043h-.09c-.433%200-.83%200-1.152-.043c-.356-.048-.731-.16-1.04-.47s-.422-.684-.47-1.04c-.043-.323-.043-.72-.043-1.152v-.09c0-.433%200-.83.043-1.152c.048-.356.16-.731.47-1.04s.684-.422%201.04-.47c.323-.043.72-.043%201.152-.043zM5.25%2013.5a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5H6a.75.75%200%200%201-.75-.75m0%203a.75.75%200%200%201%20.75-.75h4a.75.75%200%200%201%200%201.5H6a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m14.823%2013.823l.003-.001l.01-.005a.7.7%200%200%201%20.167-.037c.21-.028.504-.03.997-.03s.787.002.997.03a.7.7%200%200%201%20.177.042l.003.001l.001.003l.005.01c.009.022.024.07.037.167c.028.21.03.504.03.997s-.002.787-.03.997a.7.7%200%200%201-.042.177l-.001.003l-.003.001l-.01.005a.7.7%200%200%201-.167.037c-.21.028-.504.03-.997.03s-.787-.002-.997-.03a.7.7%200%200%201-.177-.042l-.003-.001l-.001-.003l-.005-.01a.7.7%200%200%201-.037-.167c-.028-.21-.03-.504-.03-.997s.002-.787.03-.997a.7.7%200%200%201%20.042-.177z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14%204h-4C6.229%204%204.343%204%203.172%205.172c-.844.843-1.08%202.057-1.146%204.078h19.948c-.066-2.021-.302-3.235-1.146-4.078C19.657%204%2017.771%204%2014%204%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14%2020h-4c-3.771%200-5.657%200-6.828-1.172S2%2015.771%202%2012q0-.662.002-1.25h19.996Q22%2011.338%2022%2012c0%203.771%200%205.657-1.172%206.828S17.771%2020%2014%2020m2.045-7.75c.433%200%20.83%200%201.152.043c.356.048.731.16%201.04.47s.422.684.47%201.04c.043.323.043.72.043%201.152v.09c0%20.433%200%20.83-.043%201.152c-.048.356-.16.731-.47%201.04s-.684.422-1.04.47c-.323.043-.72.043-1.152.043h-.09c-.433%200-.83%200-1.152-.043c-.356-.048-.731-.16-1.04-.47s-.422-.684-.47-1.04c-.043-.323-.043-.72-.043-1.152v-.09c0-.433%200-.83.043-1.152c.048-.356.16-.731.47-1.04s.684-.422%201.04-.47c.323-.043.72-.043%201.152-.043zM5.25%2013.5a.75.75%200%200%201%20.75-.75h2a.75.75%200%200%201%200%201.5H6a.75.75%200%200%201-.75-.75m0%203a.75.75%200%200%201%20.75-.75h4a.75.75%200%200%201%200%201.5H6a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22m14.823%2013.823l.003-.001l.01-.005a.7.7%200%200%201%20.167-.037c.21-.028.504-.03.997-.03s.787.002.997.03a.7.7%200%200%201%20.177.042l.003.001l.001.003l.005.01c.009.022.024.07.037.167c.028.21.03.504.03.997s-.002.787-.03.997a.7.7%200%200%201-.042.177l-.001.003l-.003.001l-.01.005a.7.7%200%200%201-.167.037c-.21.028-.504.03-.997.03s-.787-.002-.997-.03a.7.7%200%200%201-.177-.042l-.003-.001l-.001-.003l-.005-.01a.7.7%200%200%201-.037-.167c-.028-.21-.03-.504-.03-.997s.002-.787.03-.997a.7.7%200%200%201%20.042-.177z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/card2-filled.svg?color=%231a73e8&size=48
