cardindex emoji

More objects icons from Firefox OS Emoji

Use the cardindex emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#2B3B47" d="M456.674 220.442H72.658c-27.835 0-50.4 22.565-50.4 50.4v17.835c0 26.145 19.909 47.638 45.394 50.151v162.117c0 4.868 4.97 8.814 11.102 8.814h360.083c6.131 0 11.102-3.946 11.102-8.814V339.076h6.735c27.835 0 50.4-22.565 50.4-50.4v-17.835c0-27.835-22.565-50.399-50.4-50.399"/><path fill="#E8EAEA" d="M431.074 487.236c0 4.295-4.48 7.777-10.006 7.777H96.523c-5.526 0-10.006-3.482-10.006-7.777V264.341c0-4.295 4.48-7.777 10.006-7.777h324.546c5.526 0 10.006 3.482 10.006 7.777v222.895z"/><path fill="#DCE2E2" d="M86.517 7.777C86.517 3.482 90.996 0 96.523 0h324.546c5.526 0 10.006 3.482 10.006 7.777v222.895c0 4.295-4.48 7.777-10.006 7.777H96.523c-5.526 0-10.006-3.482-10.006-7.777z"/><path fill="#2B3B47" d="M177 285.827c0 9.021-7.313 16.335-16.335 16.335c-9.021 0-16.335-7.313-16.335-16.335s7.313-16.335 16.335-16.335c9.022.001 16.335 7.314 16.335 16.335m-16.334-63.204c9.021 0 16.335-7.313 16.335-16.335s-7.313-16.335-16.335-16.335c-9.021 0-16.335 7.313-16.335 16.335s7.313 16.335 16.335 16.335m203.152 46.87c-9.021 0-16.335 7.313-16.335 16.335s7.313 16.335 16.335 16.335c9.021 0 16.335-7.313 16.335-16.335s-7.314-16.335-16.335-16.335m0-46.87c9.021 0 16.335-7.313 16.335-16.335s-7.313-16.335-16.335-16.335c-9.021 0-16.335 7.313-16.335 16.335s7.314 16.335 16.335 16.335"/><path fill="#BFBFBB" d="M161.254 291.729c-25.062 0-45.452-20.389-45.452-45.451s20.39-45.452 45.452-45.452a8.877 8.877 0 0 1 0 17.754c-15.272 0-27.697 12.425-27.697 27.697s12.425 27.697 27.697 27.697a8.878 8.878 0 0 1 0 17.755m212.029-8.877a8.88 8.88 0 0 0-8.877-8.877c-15.272 0-27.697-12.425-27.697-27.697s12.425-27.697 27.697-27.697a8.878 8.878 0 0 0 0-17.754c-25.062 0-45.451 20.39-45.451 45.452s20.389 45.451 45.451 45.451a8.88 8.88 0 0 0 8.877-8.878"/><path fill="#00B1FF" d="M195.844 468.052h-66.347c-7.953 0-14.4-6.447-14.4-14.4v-90.138c0-7.953 6.447-14.4 14.4-14.4h66.347c7.953 0 14.4 6.447 14.4 14.4v90.138c0 7.953-6.447 14.4-14.4 14.4"/><path fill="#9B9B9A" d="M380.152 375.178H247.091c-4.746 0-8.593-3.847-8.593-8.593s3.847-8.593 8.593-8.593h133.062a8.593 8.593 0 1 1-.001 17.186m8.593 33.405a8.593 8.593 0 0 0-8.593-8.593H247.091c-4.746 0-8.593 3.847-8.593 8.593s3.847 8.593 8.593 8.593h133.062a8.593 8.593 0 0 0 8.592-8.593m0 41.998a8.593 8.593 0 0 0-8.593-8.593H247.091c-4.746 0-8.593 3.847-8.593 8.593s3.847 8.593 8.593 8.593h133.062a8.593 8.593 0 0 0 8.592-8.593"/></svg>

import type { SVGProps } from "react";

export function FxemojiCardindex(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#2B3B47" d="M456.674 220.442H72.658c-27.835 0-50.4 22.565-50.4 50.4v17.835c0 26.145 19.909 47.638 45.394 50.151v162.117c0 4.868 4.97 8.814 11.102 8.814h360.083c6.131 0 11.102-3.946 11.102-8.814V339.076h6.735c27.835 0 50.4-22.565 50.4-50.4v-17.835c0-27.835-22.565-50.399-50.4-50.399"/><path fill="#E8EAEA" d="M431.074 487.236c0 4.295-4.48 7.777-10.006 7.777H96.523c-5.526 0-10.006-3.482-10.006-7.777V264.341c0-4.295 4.48-7.777 10.006-7.777h324.546c5.526 0 10.006 3.482 10.006 7.777v222.895z"/><path fill="#DCE2E2" d="M86.517 7.777C86.517 3.482 90.996 0 96.523 0h324.546c5.526 0 10.006 3.482 10.006 7.777v222.895c0 4.295-4.48 7.777-10.006 7.777H96.523c-5.526 0-10.006-3.482-10.006-7.777z"/><path fill="#2B3B47" d="M177 285.827c0 9.021-7.313 16.335-16.335 16.335c-9.021 0-16.335-7.313-16.335-16.335s7.313-16.335 16.335-16.335c9.022.001 16.335 7.314 16.335 16.335m-16.334-63.204c9.021 0 16.335-7.313 16.335-16.335s-7.313-16.335-16.335-16.335c-9.021 0-16.335 7.313-16.335 16.335s7.313 16.335 16.335 16.335m203.152 46.87c-9.021 0-16.335 7.313-16.335 16.335s7.313 16.335 16.335 16.335c9.021 0 16.335-7.313 16.335-16.335s-7.314-16.335-16.335-16.335m0-46.87c9.021 0 16.335-7.313 16.335-16.335s-7.313-16.335-16.335-16.335c-9.021 0-16.335 7.313-16.335 16.335s7.314 16.335 16.335 16.335"/><path fill="#BFBFBB" d="M161.254 291.729c-25.062 0-45.452-20.389-45.452-45.451s20.39-45.452 45.452-45.452a8.877 8.877 0 0 1 0 17.754c-15.272 0-27.697 12.425-27.697 27.697s12.425 27.697 27.697 27.697a8.878 8.878 0 0 1 0 17.755m212.029-8.877a8.88 8.88 0 0 0-8.877-8.877c-15.272 0-27.697-12.425-27.697-27.697s12.425-27.697 27.697-27.697a8.878 8.878 0 0 0 0-17.754c-25.062 0-45.451 20.39-45.451 45.452s20.389 45.451 45.451 45.451a8.88 8.88 0 0 0 8.877-8.878"/><path fill="#00B1FF" d="M195.844 468.052h-66.347c-7.953 0-14.4-6.447-14.4-14.4v-90.138c0-7.953 6.447-14.4 14.4-14.4h66.347c7.953 0 14.4 6.447 14.4 14.4v90.138c0 7.953-6.447 14.4-14.4 14.4"/><path fill="#9B9B9A" d="M380.152 375.178H247.091c-4.746 0-8.593-3.847-8.593-8.593s3.847-8.593 8.593-8.593h133.062a8.593 8.593 0 1 1-.001 17.186m8.593 33.405a8.593 8.593 0 0 0-8.593-8.593H247.091c-4.746 0-8.593 3.847-8.593 8.593s3.847 8.593 8.593 8.593h133.062a8.593 8.593 0 0 0 8.592-8.593m0 41.998a8.593 8.593 0 0 0-8.593-8.593H247.091c-4.746 0-8.593 3.847-8.593 8.593s3.847 8.593 8.593 8.593h133.062a8.593 8.593 0 0 0 8.592-8.593"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#2B3B47" d="M456.674 220.442H72.658c-27.835 0-50.4 22.565-50.4 50.4v17.835c0 26.145 19.909 47.638 45.394 50.151v162.117c0 4.868 4.97 8.814 11.102 8.814h360.083c6.131 0 11.102-3.946 11.102-8.814V339.076h6.735c27.835 0 50.4-22.565 50.4-50.4v-17.835c0-27.835-22.565-50.399-50.4-50.399"/><path fill="#E8EAEA" d="M431.074 487.236c0 4.295-4.48 7.777-10.006 7.777H96.523c-5.526 0-10.006-3.482-10.006-7.777V264.341c0-4.295 4.48-7.777 10.006-7.777h324.546c5.526 0 10.006 3.482 10.006 7.777v222.895z"/><path fill="#DCE2E2" d="M86.517 7.777C86.517 3.482 90.996 0 96.523 0h324.546c5.526 0 10.006 3.482 10.006 7.777v222.895c0 4.295-4.48 7.777-10.006 7.777H96.523c-5.526 0-10.006-3.482-10.006-7.777z"/><path fill="#2B3B47" d="M177 285.827c0 9.021-7.313 16.335-16.335 16.335c-9.021 0-16.335-7.313-16.335-16.335s7.313-16.335 16.335-16.335c9.022.001 16.335 7.314 16.335 16.335m-16.334-63.204c9.021 0 16.335-7.313 16.335-16.335s-7.313-16.335-16.335-16.335c-9.021 0-16.335 7.313-16.335 16.335s7.313 16.335 16.335 16.335m203.152 46.87c-9.021 0-16.335 7.313-16.335 16.335s7.313 16.335 16.335 16.335c9.021 0 16.335-7.313 16.335-16.335s-7.314-16.335-16.335-16.335m0-46.87c9.021 0 16.335-7.313 16.335-16.335s-7.313-16.335-16.335-16.335c-9.021 0-16.335 7.313-16.335 16.335s7.314 16.335 16.335 16.335"/><path fill="#BFBFBB" d="M161.254 291.729c-25.062 0-45.452-20.389-45.452-45.451s20.39-45.452 45.452-45.452a8.877 8.877 0 0 1 0 17.754c-15.272 0-27.697 12.425-27.697 27.697s12.425 27.697 27.697 27.697a8.878 8.878 0 0 1 0 17.755m212.029-8.877a8.88 8.88 0 0 0-8.877-8.877c-15.272 0-27.697-12.425-27.697-27.697s12.425-27.697 27.697-27.697a8.878 8.878 0 0 0 0-17.754c-25.062 0-45.451 20.39-45.451 45.452s20.389 45.451 45.451 45.451a8.88 8.88 0 0 0 8.877-8.878"/><path fill="#00B1FF" d="M195.844 468.052h-66.347c-7.953 0-14.4-6.447-14.4-14.4v-90.138c0-7.953 6.447-14.4 14.4-14.4h66.347c7.953 0 14.4 6.447 14.4 14.4v90.138c0 7.953-6.447 14.4-14.4 14.4"/><path fill="#9B9B9A" d="M380.152 375.178H247.091c-4.746 0-8.593-3.847-8.593-8.593s3.847-8.593 8.593-8.593h133.062a8.593 8.593 0 1 1-.001 17.186m8.593 33.405a8.593 8.593 0 0 0-8.593-8.593H247.091c-4.746 0-8.593 3.847-8.593 8.593s3.847 8.593 8.593 8.593h133.062a8.593 8.593 0 0 0 8.592-8.593m0 41.998a8.593 8.593 0 0 0-8.593-8.593H247.091c-4.746 0-8.593 3.847-8.593 8.593s3.847 8.593 8.593 8.593h133.062a8.593 8.593 0 0 0 8.592-8.593"/></svg>
</template>

.icon-cardindex {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M456.674%20220.442H72.658c-27.835%200-50.4%2022.565-50.4%2050.4v17.835c0%2026.145%2019.909%2047.638%2045.394%2050.151v162.117c0%204.868%204.97%208.814%2011.102%208.814h360.083c6.131%200%2011.102-3.946%2011.102-8.814V339.076h6.735c27.835%200%2050.4-22.565%2050.4-50.4v-17.835c0-27.835-22.565-50.399-50.4-50.399%22%2F%3E%3Cpath%20fill%3D%22%23E8EAEA%22%20d%3D%22M431.074%20487.236c0%204.295-4.48%207.777-10.006%207.777H96.523c-5.526%200-10.006-3.482-10.006-7.777V264.341c0-4.295%204.48-7.777%2010.006-7.777h324.546c5.526%200%2010.006%203.482%2010.006%207.777v222.895z%22%2F%3E%3Cpath%20fill%3D%22%23DCE2E2%22%20d%3D%22M86.517%207.777C86.517%203.482%2090.996%200%2096.523%200h324.546c5.526%200%2010.006%203.482%2010.006%207.777v222.895c0%204.295-4.48%207.777-10.006%207.777H96.523c-5.526%200-10.006-3.482-10.006-7.777z%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M177%20285.827c0%209.021-7.313%2016.335-16.335%2016.335c-9.021%200-16.335-7.313-16.335-16.335s7.313-16.335%2016.335-16.335c9.022.001%2016.335%207.314%2016.335%2016.335m-16.334-63.204c9.021%200%2016.335-7.313%2016.335-16.335s-7.313-16.335-16.335-16.335c-9.021%200-16.335%207.313-16.335%2016.335s7.313%2016.335%2016.335%2016.335m203.152%2046.87c-9.021%200-16.335%207.313-16.335%2016.335s7.313%2016.335%2016.335%2016.335c9.021%200%2016.335-7.313%2016.335-16.335s-7.314-16.335-16.335-16.335m0-46.87c9.021%200%2016.335-7.313%2016.335-16.335s-7.313-16.335-16.335-16.335c-9.021%200-16.335%207.313-16.335%2016.335s7.314%2016.335%2016.335%2016.335%22%2F%3E%3Cpath%20fill%3D%22%23BFBFBB%22%20d%3D%22M161.254%20291.729c-25.062%200-45.452-20.389-45.452-45.451s20.39-45.452%2045.452-45.452a8.877%208.877%200%200%201%200%2017.754c-15.272%200-27.697%2012.425-27.697%2027.697s12.425%2027.697%2027.697%2027.697a8.878%208.878%200%200%201%200%2017.755m212.029-8.877a8.88%208.88%200%200%200-8.877-8.877c-15.272%200-27.697-12.425-27.697-27.697s12.425-27.697%2027.697-27.697a8.878%208.878%200%200%200%200-17.754c-25.062%200-45.451%2020.39-45.451%2045.452s20.389%2045.451%2045.451%2045.451a8.88%208.88%200%200%200%208.877-8.878%22%2F%3E%3Cpath%20fill%3D%22%2300B1FF%22%20d%3D%22M195.844%20468.052h-66.347c-7.953%200-14.4-6.447-14.4-14.4v-90.138c0-7.953%206.447-14.4%2014.4-14.4h66.347c7.953%200%2014.4%206.447%2014.4%2014.4v90.138c0%207.953-6.447%2014.4-14.4%2014.4%22%2F%3E%3Cpath%20fill%3D%22%239B9B9A%22%20d%3D%22M380.152%20375.178H247.091c-4.746%200-8.593-3.847-8.593-8.593s3.847-8.593%208.593-8.593h133.062a8.593%208.593%200%201%201-.001%2017.186m8.593%2033.405a8.593%208.593%200%200%200-8.593-8.593H247.091c-4.746%200-8.593%203.847-8.593%208.593s3.847%208.593%208.593%208.593h133.062a8.593%208.593%200%200%200%208.592-8.593m0%2041.998a8.593%208.593%200%200%200-8.593-8.593H247.091c-4.746%200-8.593%203.847-8.593%208.593s3.847%208.593%208.593%208.593h133.062a8.593%208.593%200%200%200%208.592-8.593%22%2F%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%20512%20512%22%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M456.674%20220.442H72.658c-27.835%200-50.4%2022.565-50.4%2050.4v17.835c0%2026.145%2019.909%2047.638%2045.394%2050.151v162.117c0%204.868%204.97%208.814%2011.102%208.814h360.083c6.131%200%2011.102-3.946%2011.102-8.814V339.076h6.735c27.835%200%2050.4-22.565%2050.4-50.4v-17.835c0-27.835-22.565-50.399-50.4-50.399%22%2F%3E%3Cpath%20fill%3D%22%23E8EAEA%22%20d%3D%22M431.074%20487.236c0%204.295-4.48%207.777-10.006%207.777H96.523c-5.526%200-10.006-3.482-10.006-7.777V264.341c0-4.295%204.48-7.777%2010.006-7.777h324.546c5.526%200%2010.006%203.482%2010.006%207.777v222.895z%22%2F%3E%3Cpath%20fill%3D%22%23DCE2E2%22%20d%3D%22M86.517%207.777C86.517%203.482%2090.996%200%2096.523%200h324.546c5.526%200%2010.006%203.482%2010.006%207.777v222.895c0%204.295-4.48%207.777-10.006%207.777H96.523c-5.526%200-10.006-3.482-10.006-7.777z%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M177%20285.827c0%209.021-7.313%2016.335-16.335%2016.335c-9.021%200-16.335-7.313-16.335-16.335s7.313-16.335%2016.335-16.335c9.022.001%2016.335%207.314%2016.335%2016.335m-16.334-63.204c9.021%200%2016.335-7.313%2016.335-16.335s-7.313-16.335-16.335-16.335c-9.021%200-16.335%207.313-16.335%2016.335s7.313%2016.335%2016.335%2016.335m203.152%2046.87c-9.021%200-16.335%207.313-16.335%2016.335s7.313%2016.335%2016.335%2016.335c9.021%200%2016.335-7.313%2016.335-16.335s-7.314-16.335-16.335-16.335m0-46.87c9.021%200%2016.335-7.313%2016.335-16.335s-7.313-16.335-16.335-16.335c-9.021%200-16.335%207.313-16.335%2016.335s7.314%2016.335%2016.335%2016.335%22%2F%3E%3Cpath%20fill%3D%22%23BFBFBB%22%20d%3D%22M161.254%20291.729c-25.062%200-45.452-20.389-45.452-45.451s20.39-45.452%2045.452-45.452a8.877%208.877%200%200%201%200%2017.754c-15.272%200-27.697%2012.425-27.697%2027.697s12.425%2027.697%2027.697%2027.697a8.878%208.878%200%200%201%200%2017.755m212.029-8.877a8.88%208.88%200%200%200-8.877-8.877c-15.272%200-27.697-12.425-27.697-27.697s12.425-27.697%2027.697-27.697a8.878%208.878%200%200%200%200-17.754c-25.062%200-45.451%2020.39-45.451%2045.452s20.389%2045.451%2045.451%2045.451a8.88%208.88%200%200%200%208.877-8.878%22%2F%3E%3Cpath%20fill%3D%22%2300B1FF%22%20d%3D%22M195.844%20468.052h-66.347c-7.953%200-14.4-6.447-14.4-14.4v-90.138c0-7.953%206.447-14.4%2014.4-14.4h66.347c7.953%200%2014.4%206.447%2014.4%2014.4v90.138c0%207.953-6.447%2014.4-14.4%2014.4%22%2F%3E%3Cpath%20fill%3D%22%239B9B9A%22%20d%3D%22M380.152%20375.178H247.091c-4.746%200-8.593-3.847-8.593-8.593s3.847-8.593%208.593-8.593h133.062a8.593%208.593%200%201%201-.001%2017.186m8.593%2033.405a8.593%208.593%200%200%200-8.593-8.593H247.091c-4.746%200-8.593%203.847-8.593%208.593s3.847%208.593%208.593%208.593h133.062a8.593%208.593%200%200%200%208.592-8.593m0%2041.998a8.593%208.593%200%200%200-8.593-8.593H247.091c-4.746%200-8.593%203.847-8.593%208.593s3.847%208.593%208.593%208.593h133.062a8.593%208.593%200%200%200%208.592-8.593%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/cardindex.svg?color=%231a73e8&size=48