cards icon
cards-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- cards-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All cards icons →More newicons icons from Reicon
Use the cards icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M15.22 6.55H5.78c-.28 0-.54.01-.78.02c-2.37.14-3 1.01-3 3.71v.58c0 .55.45 1 1 1h15c.55 0 1-.45 1-1v-.58c0-2.98-.76-3.73-3.78-3.73M3 13.36c-.55 0-1 .45-1 1v2.91C2 20.25 2.76 21 5.78 21h9.44c2.97 0 3.75-.72 3.78-3.57v-3.07c0-.55-.45-1-1-1zm3.96 5.2H5.25c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h1.72c.41 0 .75.34.75.75s-.34.75-.76.75m5.59 0H9.11c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h3.44a.749.749 0 1 1 0 1.5"/><path d="M22.002 13.332v-5.24c0-3.13-1.79-4.49-4.49-4.49h-8.93c-.76 0-1.44.11-2.04.34c-.47.17-.89.42-1.23.75c-.18.17-.04.45.22.45h10.87c2.25 0 4.07 1.82 4.07 4.07v7.17c0 .25.27.39.45.21c.69-.73 1.08-1.8 1.08-3.26"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconCardsFilled(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="M15.22 6.55H5.78c-.28 0-.54.01-.78.02c-2.37.14-3 1.01-3 3.71v.58c0 .55.45 1 1 1h15c.55 0 1-.45 1-1v-.58c0-2.98-.76-3.73-3.78-3.73M3 13.36c-.55 0-1 .45-1 1v2.91C2 20.25 2.76 21 5.78 21h9.44c2.97 0 3.75-.72 3.78-3.57v-3.07c0-.55-.45-1-1-1zm3.96 5.2H5.25c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h1.72c.41 0 .75.34.75.75s-.34.75-.76.75m5.59 0H9.11c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h3.44a.749.749 0 1 1 0 1.5"/><path d="M22.002 13.332v-5.24c0-3.13-1.79-4.49-4.49-4.49h-8.93c-.76 0-1.44.11-2.04.34c-.47.17-.89.42-1.23.75c-.18.17-.04.45.22.45h10.87c2.25 0 4.07 1.82 4.07 4.07v7.17c0 .25.27.39.45.21c.69-.73 1.08-1.8 1.08-3.26"/></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="M15.22 6.55H5.78c-.28 0-.54.01-.78.02c-2.37.14-3 1.01-3 3.71v.58c0 .55.45 1 1 1h15c.55 0 1-.45 1-1v-.58c0-2.98-.76-3.73-3.78-3.73M3 13.36c-.55 0-1 .45-1 1v2.91C2 20.25 2.76 21 5.78 21h9.44c2.97 0 3.75-.72 3.78-3.57v-3.07c0-.55-.45-1-1-1zm3.96 5.2H5.25c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h1.72c.41 0 .75.34.75.75s-.34.75-.76.75m5.59 0H9.11c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h3.44a.749.749 0 1 1 0 1.5"/><path d="M22.002 13.332v-5.24c0-3.13-1.79-4.49-4.49-4.49h-8.93c-.76 0-1.44.11-2.04.34c-.47.17-.89.42-1.23.75c-.18.17-.04.45.22.45h10.87c2.25 0 4.07 1.82 4.07 4.07v7.17c0 .25.27.39.45.21c.69-.73 1.08-1.8 1.08-3.26"/></g></svg> </template>
CSS
.icon-cards-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%22M15.22%206.55H5.78c-.28%200-.54.01-.78.02c-2.37.14-3%201.01-3%203.71v.58c0%20.55.45%201%201%201h15c.55%200%201-.45%201-1v-.58c0-2.98-.76-3.73-3.78-3.73M3%2013.36c-.55%200-1%20.45-1%201v2.91C2%2020.25%202.76%2021%205.78%2021h9.44c2.97%200%203.75-.72%203.78-3.57v-3.07c0-.55-.45-1-1-1zm3.96%205.2H5.25c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h1.72c.41%200%20.75.34.75.75s-.34.75-.76.75m5.59%200H9.11c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h3.44a.749.749%200%201%201%200%201.5%22%2F%3E%3Cpath%20d%3D%22M22.002%2013.332v-5.24c0-3.13-1.79-4.49-4.49-4.49h-8.93c-.76%200-1.44.11-2.04.34c-.47.17-.89.42-1.23.75c-.18.17-.04.45.22.45h10.87c2.25%200%204.07%201.82%204.07%204.07v7.17c0%20.25.27.39.45.21c.69-.73%201.08-1.8%201.08-3.26%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%22M15.22%206.55H5.78c-.28%200-.54.01-.78.02c-2.37.14-3%201.01-3%203.71v.58c0%20.55.45%201%201%201h15c.55%200%201-.45%201-1v-.58c0-2.98-.76-3.73-3.78-3.73M3%2013.36c-.55%200-1%20.45-1%201v2.91C2%2020.25%202.76%2021%205.78%2021h9.44c2.97%200%203.75-.72%203.78-3.57v-3.07c0-.55-.45-1-1-1zm3.96%205.2H5.25c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h1.72c.41%200%20.75.34.75.75s-.34.75-.76.75m5.59%200H9.11c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h3.44a.749.749%200%201%201%200%201.5%22%2F%3E%3Cpath%20d%3D%22M22.002%2013.332v-5.24c0-3.13-1.79-4.49-4.49-4.49h-8.93c-.76%200-1.44.11-2.04.34c-.47.17-.89.42-1.23.75c-.18.17-.04.45.22.45h10.87c2.25%200%204.07%201.82%204.07%204.07v7.17c0%20.25.27.39.45.21c.69-.73%201.08-1.8%201.08-3.26%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/cards-filled.svg?color=%231a73e8&size=48
