Icône Cardindex
fxemoji:cardindex
L'icône Cardindex (fxemoji:cardindex) est une icône SVG gratuite de la collection Firefox OS Emoji par Mozilla. Elle est dessinée sur une grille de 512 × 512. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Firefox OS Emoji
- Auteur
- Mozilla
- Licence
- Apache-2.0
- Taille
- 512 × 512
- Catégorie
- Objets
Code SVG
<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>Comment utiliser l'icône Cardindex
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>Image HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/cardindex.svg" alt="Icône Cardindex" width="24" height="24">Icônes similaires dans Firefox OS Emoji
FAQ : Icône Cardindex
L'icône Cardindex est-elle gratuite pour un usage commercial ?
Oui. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Cardindex dans React ?
Installez @iconify/react et affichez <Icon icon="fxemoji:cardindex" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cardindex à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fxemoji/cardindex.svg" alt="Icône Cardindex">, ou collez le code SVG directement dans la page pour le styliser en CSS.