Cardindex icon
fxemoji:cardindex
The Cardindex icon (fxemoji:cardindex) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" 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>How to use the Cardindex icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:cardindex" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:cardindex" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:cardindex" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--cardindex]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:cardindex"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:cardindex"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/cardindex.svg" alt="Cardindex icon" width="24" height="24">Related icons in Firefox OS Emoji
Cardindex icon FAQ
Is the Cardindex 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 Cardindex icon in React?
Install @iconify/react and render <Icon icon="fxemoji:cardindex" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cardindex icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/cardindex.svg" alt="Cardindex icon">, or paste the SVG code inline to style it with CSS.