card index emoji
card-index from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- card-index
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the card index emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#cdc4d6" d="M8.454 15h15.092C24.922 15 26 13.858 26 12.509V3.49C26 2.142 24.922 1 23.546 1H8.454C7.078 1 6 2.142 6 3.491v9.018C6 13.858 7.078 15 8.454 15"/><path fill="#635994" d="M28.32 10.98H3.68c-.93 0-1.68.75-1.68 1.67v4.15c0 .93.75 1.68 1.68 1.68H4v8.38c0 1.72 1.4 3.12 3.12 3.12h17.76c1.72 0 3.12-1.4 3.12-3.12v-8.38h.32c.93 0 1.68-.75 1.68-1.68v-4.15c0-.92-.75-1.67-1.68-1.67"/><path fill="#f3eef8" d="M8.454 14h15.092c.8 0 1.454-.67 1.454-1.491V3.49C25 2.671 24.346 2 23.546 2H8.454C7.654 2 7 2.67 7 3.491v9.018C7 13.329 7.654 14 8.454 14m0 13h15.092c.8 0 1.454-.66 1.454-1.491V16.49c0-.82-.654-1.491-1.454-1.491H8.454C7.654 15 7 15.67 7 16.491v9.018C7 26.329 7.654 27 8.454 27"/><path fill="#321b41" d="M11 12.72a.5.5 0 1 0-1 0v4.03a.5.5 0 0 0 1 0zm11 0a.5.5 0 1 0-1 0v4.03a.5.5 0 0 0 1 0z"/><path fill="#00a6ed" d="M14.254 11H9.746A.74.74 0 0 1 9 10.262V4.738A.74.74 0 0 1 9.746 4h4.508a.74.74 0 0 1 .746.738v5.524a.753.753 0 0 1-.746.738"/><path fill="#998ea4" d="M17.56 4a.5.5 0 1 0 0 1h4.84a.5.5 0 0 0 0-1zm0 4a.5.5 0 1 0 0 1h4.84a.5.5 0 0 0 0-1zm-.5-1.5a.5.5 0 0 1 .5-.5h4.84a.5.5 0 0 1 0 1h-4.84a.5.5 0 0 1-.5-.5m.5 3.5a.5.5 0 1 0 0 1h4.84a.5.5 0 0 0 0-1z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatCardIndex(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#cdc4d6" d="M8.454 15h15.092C24.922 15 26 13.858 26 12.509V3.49C26 2.142 24.922 1 23.546 1H8.454C7.078 1 6 2.142 6 3.491v9.018C6 13.858 7.078 15 8.454 15"/><path fill="#635994" d="M28.32 10.98H3.68c-.93 0-1.68.75-1.68 1.67v4.15c0 .93.75 1.68 1.68 1.68H4v8.38c0 1.72 1.4 3.12 3.12 3.12h17.76c1.72 0 3.12-1.4 3.12-3.12v-8.38h.32c.93 0 1.68-.75 1.68-1.68v-4.15c0-.92-.75-1.67-1.68-1.67"/><path fill="#f3eef8" d="M8.454 14h15.092c.8 0 1.454-.67 1.454-1.491V3.49C25 2.671 24.346 2 23.546 2H8.454C7.654 2 7 2.67 7 3.491v9.018C7 13.329 7.654 14 8.454 14m0 13h15.092c.8 0 1.454-.66 1.454-1.491V16.49c0-.82-.654-1.491-1.454-1.491H8.454C7.654 15 7 15.67 7 16.491v9.018C7 26.329 7.654 27 8.454 27"/><path fill="#321b41" d="M11 12.72a.5.5 0 1 0-1 0v4.03a.5.5 0 0 0 1 0zm11 0a.5.5 0 1 0-1 0v4.03a.5.5 0 0 0 1 0z"/><path fill="#00a6ed" d="M14.254 11H9.746A.74.74 0 0 1 9 10.262V4.738A.74.74 0 0 1 9.746 4h4.508a.74.74 0 0 1 .746.738v5.524a.753.753 0 0 1-.746.738"/><path fill="#998ea4" d="M17.56 4a.5.5 0 1 0 0 1h4.84a.5.5 0 0 0 0-1zm0 4a.5.5 0 1 0 0 1h4.84a.5.5 0 0 0 0-1zm-.5-1.5a.5.5 0 0 1 .5-.5h4.84a.5.5 0 0 1 0 1h-4.84a.5.5 0 0 1-.5-.5m.5 3.5a.5.5 0 1 0 0 1h4.84a.5.5 0 0 0 0-1z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#cdc4d6" d="M8.454 15h15.092C24.922 15 26 13.858 26 12.509V3.49C26 2.142 24.922 1 23.546 1H8.454C7.078 1 6 2.142 6 3.491v9.018C6 13.858 7.078 15 8.454 15"/><path fill="#635994" d="M28.32 10.98H3.68c-.93 0-1.68.75-1.68 1.67v4.15c0 .93.75 1.68 1.68 1.68H4v8.38c0 1.72 1.4 3.12 3.12 3.12h17.76c1.72 0 3.12-1.4 3.12-3.12v-8.38h.32c.93 0 1.68-.75 1.68-1.68v-4.15c0-.92-.75-1.67-1.68-1.67"/><path fill="#f3eef8" d="M8.454 14h15.092c.8 0 1.454-.67 1.454-1.491V3.49C25 2.671 24.346 2 23.546 2H8.454C7.654 2 7 2.67 7 3.491v9.018C7 13.329 7.654 14 8.454 14m0 13h15.092c.8 0 1.454-.66 1.454-1.491V16.49c0-.82-.654-1.491-1.454-1.491H8.454C7.654 15 7 15.67 7 16.491v9.018C7 26.329 7.654 27 8.454 27"/><path fill="#321b41" d="M11 12.72a.5.5 0 1 0-1 0v4.03a.5.5 0 0 0 1 0zm11 0a.5.5 0 1 0-1 0v4.03a.5.5 0 0 0 1 0z"/><path fill="#00a6ed" d="M14.254 11H9.746A.74.74 0 0 1 9 10.262V4.738A.74.74 0 0 1 9.746 4h4.508a.74.74 0 0 1 .746.738v5.524a.753.753 0 0 1-.746.738"/><path fill="#998ea4" d="M17.56 4a.5.5 0 1 0 0 1h4.84a.5.5 0 0 0 0-1zm0 4a.5.5 0 1 0 0 1h4.84a.5.5 0 0 0 0-1zm-.5-1.5a.5.5 0 0 1 .5-.5h4.84a.5.5 0 0 1 0 1h-4.84a.5.5 0 0 1-.5-.5m.5 3.5a.5.5 0 1 0 0 1h4.84a.5.5 0 0 0 0-1z"/></g></svg> </template>
CSS
.icon-card-index {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22M8.454%2015h15.092C24.922%2015%2026%2013.858%2026%2012.509V3.49C26%202.142%2024.922%201%2023.546%201H8.454C7.078%201%206%202.142%206%203.491v9.018C6%2013.858%207.078%2015%208.454%2015%22%2F%3E%3Cpath%20fill%3D%22%23635994%22%20d%3D%22M28.32%2010.98H3.68c-.93%200-1.68.75-1.68%201.67v4.15c0%20.93.75%201.68%201.68%201.68H4v8.38c0%201.72%201.4%203.12%203.12%203.12h17.76c1.72%200%203.12-1.4%203.12-3.12v-8.38h.32c.93%200%201.68-.75%201.68-1.68v-4.15c0-.92-.75-1.67-1.68-1.67%22%2F%3E%3Cpath%20fill%3D%22%23f3eef8%22%20d%3D%22M8.454%2014h15.092c.8%200%201.454-.67%201.454-1.491V3.49C25%202.671%2024.346%202%2023.546%202H8.454C7.654%202%207%202.67%207%203.491v9.018C7%2013.329%207.654%2014%208.454%2014m0%2013h15.092c.8%200%201.454-.66%201.454-1.491V16.49c0-.82-.654-1.491-1.454-1.491H8.454C7.654%2015%207%2015.67%207%2016.491v9.018C7%2026.329%207.654%2027%208.454%2027%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22M11%2012.72a.5.5%200%201%200-1%200v4.03a.5.5%200%200%200%201%200zm11%200a.5.5%200%201%200-1%200v4.03a.5.5%200%200%200%201%200z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M14.254%2011H9.746A.74.74%200%200%201%209%2010.262V4.738A.74.74%200%200%201%209.746%204h4.508a.74.74%200%200%201%20.746.738v5.524a.753.753%200%200%201-.746.738%22%2F%3E%3Cpath%20fill%3D%22%23998ea4%22%20d%3D%22M17.56%204a.5.5%200%201%200%200%201h4.84a.5.5%200%200%200%200-1zm0%204a.5.5%200%201%200%200%201h4.84a.5.5%200%200%200%200-1zm-.5-1.5a.5.5%200%200%201%20.5-.5h4.84a.5.5%200%200%201%200%201h-4.84a.5.5%200%200%201-.5-.5m.5%203.5a.5.5%200%201%200%200%201h4.84a.5.5%200%200%200%200-1z%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22M8.454%2015h15.092C24.922%2015%2026%2013.858%2026%2012.509V3.49C26%202.142%2024.922%201%2023.546%201H8.454C7.078%201%206%202.142%206%203.491v9.018C6%2013.858%207.078%2015%208.454%2015%22%2F%3E%3Cpath%20fill%3D%22%23635994%22%20d%3D%22M28.32%2010.98H3.68c-.93%200-1.68.75-1.68%201.67v4.15c0%20.93.75%201.68%201.68%201.68H4v8.38c0%201.72%201.4%203.12%203.12%203.12h17.76c1.72%200%203.12-1.4%203.12-3.12v-8.38h.32c.93%200%201.68-.75%201.68-1.68v-4.15c0-.92-.75-1.67-1.68-1.67%22%2F%3E%3Cpath%20fill%3D%22%23f3eef8%22%20d%3D%22M8.454%2014h15.092c.8%200%201.454-.67%201.454-1.491V3.49C25%202.671%2024.346%202%2023.546%202H8.454C7.654%202%207%202.67%207%203.491v9.018C7%2013.329%207.654%2014%208.454%2014m0%2013h15.092c.8%200%201.454-.66%201.454-1.491V16.49c0-.82-.654-1.491-1.454-1.491H8.454C7.654%2015%207%2015.67%207%2016.491v9.018C7%2026.329%207.654%2027%208.454%2027%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22M11%2012.72a.5.5%200%201%200-1%200v4.03a.5.5%200%200%200%201%200zm11%200a.5.5%200%201%200-1%200v4.03a.5.5%200%200%200%201%200z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M14.254%2011H9.746A.74.74%200%200%201%209%2010.262V4.738A.74.74%200%200%201%209.746%204h4.508a.74.74%200%200%201%20.746.738v5.524a.753.753%200%200%201-.746.738%22%2F%3E%3Cpath%20fill%3D%22%23998ea4%22%20d%3D%22M17.56%204a.5.5%200%201%200%200%201h4.84a.5.5%200%200%200%200-1zm0%204a.5.5%200%201%200%200%201h4.84a.5.5%200%200%200%200-1zm-.5-1.5a.5.5%200%200%201%20.5-.5h4.84a.5.5%200%200%201%200%201h-4.84a.5.5%200%200%201-.5-.5m.5%203.5a.5.5%200%201%200%200%201h4.84a.5.5%200%200%200%200-1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/card-index.svg?color=%231a73e8&size=48
