Cardindexdividers icon
fxemoji:cardindexdividers
The Cardindexdividers icon (fxemoji:cardindexdividers) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
- Tags
- cardindexdivider
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#C6965C" d="m345.506 194.188l-22.645 18.459c-6.9 5.625-17.174 9.231-26.301 9.231H128.456c-12.896 0-27.249 7.089-32.06 15.833L8.71 397.099c-4.811 8.744 1.744 15.833 14.639 15.833h346.87c12.896 0 27.249-7.089 32.06-15.833l77.009-139.981l19.387-35.24l11.601-21.088c4.811-8.744-1.744-15.833-14.639-15.833h-123.83c-9.127.001-19.401 3.607-26.301 9.231"/><path fill="#D6A667" d="m311.029 163.947l-19.735 21.011c-6.014 6.403-15.719 10.507-24.846 10.507H98.343c-12.896 0-26.132 8.069-29.564 18.022L6.215 394.91c-3.432 9.953 4.239 18.022 17.135 18.022h346.87c12.896 0 26.132-8.069 29.564-18.022l54.946-159.334l13.832-40.112l8.277-24.003c3.432-9.953-4.239-18.022-17.135-18.022h-123.83c-9.126.001-18.831 4.105-24.845 10.508"/><path fill="#EAC083" d="m265.825 129.524l-15.921 23.916c-4.851 7.288-13.812 11.959-22.938 11.959H58.861c-12.896 0-24.667 9.184-26.292 20.513L2.943 392.418c-1.625 11.329 7.511 20.513 20.407 20.513h346.87c12.896 0 24.667-9.184 26.292-20.513l26.018-181.362l6.55-45.657l3.92-27.321c1.625-11.329-7.511-20.513-20.407-20.513h-123.83c-9.127-.001-18.087 4.671-22.938 11.959"/><path fill="#F9E7C0" d="m225.167 90.342l-12.49 27.223a23.35 23.35 0 0 1-21.222 13.613H23.349C10.454 131.177 0 141.631 0 154.526v235.056c0 12.896 10.454 23.349 23.349 23.349h346.87c12.896 0 23.349-10.454 23.349-23.349V100.078c0-12.896-10.454-23.349-23.349-23.349h-123.83a23.35 23.35 0 0 0-21.222 13.613"/></svg>How to use the Cardindexdividers icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:cardindexdividers" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:cardindexdividers" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:cardindexdividers" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--cardindexdividers]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:cardindexdividers"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:cardindexdividers"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/cardindexdividers.svg" alt="Cardindexdividers icon" width="24" height="24">Cardindexdividers icon FAQ
Is the Cardindexdividers icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Cardindexdividers icon in React?
Install @iconify/react and render <Icon icon="fxemoji:cardindexdividers" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cardindexdividers icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/cardindexdividers.svg" alt="Cardindexdividers icon">, or paste the SVG code inline to style it with CSS.