card index emoji

card-index from Fluent Emoji High Contrast by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.

Name
card-index
Set
Fluent Emoji High Contrast
Style
Default
Category
Objects
Viewbox
32×32
License
MIT

The same emoji in other sets

card-indexEmoji One (Colored)card-indexFluent Emojicard-indexFluent Emoji Flatcard-indexNoto Emojicard-indexOpenMojicard-indexTwitter Emoji

More objects icons from Fluent Emoji High Contrast

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbookmarkbookmark-tabsbooks

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="currentColor"><path 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.738m2.806-6.5a.5.5 0 0 1 .5-.5h4.84a.5.5 0 0 1 0 1h-4.84a.5.5 0 0 1-.5-.5m0 4a.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-2.5a.5.5 0 0 0 0 1h4.84a.5.5 0 0 0 0-1zm-.5 4.5a.5.5 0 0 1 .5-.5h4.84a.5.5 0 0 1 0 1h-4.84a.5.5 0 0 1-.5-.5"/><path d="M6 3.367V9.98H3.68A2.675 2.675 0 0 0 1 12.65v4.15c0 1.247.848 2.293 2 2.593v7.467a4.124 4.124 0 0 0 4.12 4.12h17.76A4.124 4.124 0 0 0 29 26.86v-7.467c1.152-.3 2-1.346 2-2.593v-4.15a2.675 2.675 0 0 0-2.68-2.67H26V3.367C26 2.005 24.839 1 23.546 1H8.454C7.161 1 6 2.005 6 3.367M10 14v1H8.454C7.161 15 6 16.005 6 17.367v8.266C6 26.995 7.161 28 8.454 28h15.092C24.834 28 26 27.009 26 25.633v-8.266C26 16.005 24.839 15 23.546 15H22v-1h1.546c1.18 0 2.251-.838 2.428-2.02h2.346c.382 0 .68.306.68.67v4.15c0 .378-.302.68-.68.68H27v9.38c0 1.168-.952 2.12-2.12 2.12H7.12A2.124 2.124 0 0 1 5 26.86v-9.38H3.68A.677.677 0 0 1 3 16.8v-4.15c0-.364.298-.67.68-.67h2.346C6.203 13.162 7.274 14 8.454 14zm0-1H8.454C7.654 13 7 12.385 7 11.633V3.367C7 2.615 7.654 2 8.454 2h15.092c.8 0 1.454.615 1.454 1.367v8.266c0 .752-.654 1.367-1.454 1.367H22v-.28a.5.5 0 1 0-1 0V13H11v-.28a.5.5 0 1 0-1 0zm1 1h10v1H11zm10 2v.75a.5.5 0 0 0 1 0V16h1.546c.8 0 1.454.615 1.454 1.367v8.266c0 .762-.654 1.367-1.454 1.367H8.454C7.654 27 7 26.385 7 25.633v-8.266C7 16.615 7.654 16 8.454 16H10v.75a.5.5 0 0 0 1 0V16z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastCardIndex(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path 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.738m2.806-6.5a.5.5 0 0 1 .5-.5h4.84a.5.5 0 0 1 0 1h-4.84a.5.5 0 0 1-.5-.5m0 4a.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-2.5a.5.5 0 0 0 0 1h4.84a.5.5 0 0 0 0-1zm-.5 4.5a.5.5 0 0 1 .5-.5h4.84a.5.5 0 0 1 0 1h-4.84a.5.5 0 0 1-.5-.5"/><path d="M6 3.367V9.98H3.68A2.675 2.675 0 0 0 1 12.65v4.15c0 1.247.848 2.293 2 2.593v7.467a4.124 4.124 0 0 0 4.12 4.12h17.76A4.124 4.124 0 0 0 29 26.86v-7.467c1.152-.3 2-1.346 2-2.593v-4.15a2.675 2.675 0 0 0-2.68-2.67H26V3.367C26 2.005 24.839 1 23.546 1H8.454C7.161 1 6 2.005 6 3.367M10 14v1H8.454C7.161 15 6 16.005 6 17.367v8.266C6 26.995 7.161 28 8.454 28h15.092C24.834 28 26 27.009 26 25.633v-8.266C26 16.005 24.839 15 23.546 15H22v-1h1.546c1.18 0 2.251-.838 2.428-2.02h2.346c.382 0 .68.306.68.67v4.15c0 .378-.302.68-.68.68H27v9.38c0 1.168-.952 2.12-2.12 2.12H7.12A2.124 2.124 0 0 1 5 26.86v-9.38H3.68A.677.677 0 0 1 3 16.8v-4.15c0-.364.298-.67.68-.67h2.346C6.203 13.162 7.274 14 8.454 14zm0-1H8.454C7.654 13 7 12.385 7 11.633V3.367C7 2.615 7.654 2 8.454 2h15.092c.8 0 1.454.615 1.454 1.367v8.266c0 .752-.654 1.367-1.454 1.367H22v-.28a.5.5 0 1 0-1 0V13H11v-.28a.5.5 0 1 0-1 0zm1 1h10v1H11zm10 2v.75a.5.5 0 0 0 1 0V16h1.546c.8 0 1.454.615 1.454 1.367v8.266c0 .762-.654 1.367-1.454 1.367H8.454C7.654 27 7 26.385 7 25.633v-8.266C7 16.615 7.654 16 8.454 16H10v.75a.5.5 0 0 0 1 0V16z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path 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.738m2.806-6.5a.5.5 0 0 1 .5-.5h4.84a.5.5 0 0 1 0 1h-4.84a.5.5 0 0 1-.5-.5m0 4a.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-2.5a.5.5 0 0 0 0 1h4.84a.5.5 0 0 0 0-1zm-.5 4.5a.5.5 0 0 1 .5-.5h4.84a.5.5 0 0 1 0 1h-4.84a.5.5 0 0 1-.5-.5"/><path d="M6 3.367V9.98H3.68A2.675 2.675 0 0 0 1 12.65v4.15c0 1.247.848 2.293 2 2.593v7.467a4.124 4.124 0 0 0 4.12 4.12h17.76A4.124 4.124 0 0 0 29 26.86v-7.467c1.152-.3 2-1.346 2-2.593v-4.15a2.675 2.675 0 0 0-2.68-2.67H26V3.367C26 2.005 24.839 1 23.546 1H8.454C7.161 1 6 2.005 6 3.367M10 14v1H8.454C7.161 15 6 16.005 6 17.367v8.266C6 26.995 7.161 28 8.454 28h15.092C24.834 28 26 27.009 26 25.633v-8.266C26 16.005 24.839 15 23.546 15H22v-1h1.546c1.18 0 2.251-.838 2.428-2.02h2.346c.382 0 .68.306.68.67v4.15c0 .378-.302.68-.68.68H27v9.38c0 1.168-.952 2.12-2.12 2.12H7.12A2.124 2.124 0 0 1 5 26.86v-9.38H3.68A.677.677 0 0 1 3 16.8v-4.15c0-.364.298-.67.68-.67h2.346C6.203 13.162 7.274 14 8.454 14zm0-1H8.454C7.654 13 7 12.385 7 11.633V3.367C7 2.615 7.654 2 8.454 2h15.092c.8 0 1.454.615 1.454 1.367v8.266c0 .752-.654 1.367-1.454 1.367H22v-.28a.5.5 0 1 0-1 0V13H11v-.28a.5.5 0 1 0-1 0zm1 1h10v1H11zm10 2v.75a.5.5 0 0 0 1 0V16h1.546c.8 0 1.454.615 1.454 1.367v8.266c0 .762-.654 1.367-1.454 1.367H8.454C7.654 27 7 26.385 7 25.633v-8.266C7 16.615 7.654 16 8.454 16H10v.75a.5.5 0 0 0 1 0V16z"/></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%22currentColor%22%3E%3Cpath%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.738m2.806-6.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-.5m0%204a.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-2.5a.5.5%200%200%200%200%201h4.84a.5.5%200%200%200%200-1zm-.5%204.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-.5%22%2F%3E%3Cpath%20d%3D%22M6%203.367V9.98H3.68A2.675%202.675%200%200%200%201%2012.65v4.15c0%201.247.848%202.293%202%202.593v7.467a4.124%204.124%200%200%200%204.12%204.12h17.76A4.124%204.124%200%200%200%2029%2026.86v-7.467c1.152-.3%202-1.346%202-2.593v-4.15a2.675%202.675%200%200%200-2.68-2.67H26V3.367C26%202.005%2024.839%201%2023.546%201H8.454C7.161%201%206%202.005%206%203.367M10%2014v1H8.454C7.161%2015%206%2016.005%206%2017.367v8.266C6%2026.995%207.161%2028%208.454%2028h15.092C24.834%2028%2026%2027.009%2026%2025.633v-8.266C26%2016.005%2024.839%2015%2023.546%2015H22v-1h1.546c1.18%200%202.251-.838%202.428-2.02h2.346c.382%200%20.68.306.68.67v4.15c0%20.378-.302.68-.68.68H27v9.38c0%201.168-.952%202.12-2.12%202.12H7.12A2.124%202.124%200%200%201%205%2026.86v-9.38H3.68A.677.677%200%200%201%203%2016.8v-4.15c0-.364.298-.67.68-.67h2.346C6.203%2013.162%207.274%2014%208.454%2014zm0-1H8.454C7.654%2013%207%2012.385%207%2011.633V3.367C7%202.615%207.654%202%208.454%202h15.092c.8%200%201.454.615%201.454%201.367v8.266c0%20.752-.654%201.367-1.454%201.367H22v-.28a.5.5%200%201%200-1%200V13H11v-.28a.5.5%200%201%200-1%200zm1%201h10v1H11zm10%202v.75a.5.5%200%200%200%201%200V16h1.546c.8%200%201.454.615%201.454%201.367v8.266c0%20.762-.654%201.367-1.454%201.367H8.454C7.654%2027%207%2026.385%207%2025.633v-8.266C7%2016.615%207.654%2016%208.454%2016H10v.75a.5.5%200%200%200%201%200V16z%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%22currentColor%22%3E%3Cpath%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.738m2.806-6.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-.5m0%204a.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-2.5a.5.5%200%200%200%200%201h4.84a.5.5%200%200%200%200-1zm-.5%204.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-.5%22%2F%3E%3Cpath%20d%3D%22M6%203.367V9.98H3.68A2.675%202.675%200%200%200%201%2012.65v4.15c0%201.247.848%202.293%202%202.593v7.467a4.124%204.124%200%200%200%204.12%204.12h17.76A4.124%204.124%200%200%200%2029%2026.86v-7.467c1.152-.3%202-1.346%202-2.593v-4.15a2.675%202.675%200%200%200-2.68-2.67H26V3.367C26%202.005%2024.839%201%2023.546%201H8.454C7.161%201%206%202.005%206%203.367M10%2014v1H8.454C7.161%2015%206%2016.005%206%2017.367v8.266C6%2026.995%207.161%2028%208.454%2028h15.092C24.834%2028%2026%2027.009%2026%2025.633v-8.266C26%2016.005%2024.839%2015%2023.546%2015H22v-1h1.546c1.18%200%202.251-.838%202.428-2.02h2.346c.382%200%20.68.306.68.67v4.15c0%20.378-.302.68-.68.68H27v9.38c0%201.168-.952%202.12-2.12%202.12H7.12A2.124%202.124%200%200%201%205%2026.86v-9.38H3.68A.677.677%200%200%201%203%2016.8v-4.15c0-.364.298-.67.68-.67h2.346C6.203%2013.162%207.274%2014%208.454%2014zm0-1H8.454C7.654%2013%207%2012.385%207%2011.633V3.367C7%202.615%207.654%202%208.454%202h15.092c.8%200%201.454.615%201.454%201.367v8.266c0%20.752-.654%201.367-1.454%201.367H22v-.28a.5.5%200%201%200-1%200V13H11v-.28a.5.5%200%201%200-1%200zm1%201h10v1H11zm10%202v.75a.5.5%200%200%200%201%200V16h1.546c.8%200%201.454.615%201.454%201.367v8.266c0%20.762-.654%201.367-1.454%201.367H8.454C7.654%2027%207%2026.385%207%2025.633v-8.266C7%2016.615%207.654%2016%208.454%2016H10v.75a.5.5%200%200%200%201%200V16z%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-high-contrast/card-index.svg?color=%231a73e8&size=48