Ikon Cardindex
fxemoji:cardindex
Ikon Cardindex (fxemoji:cardindex) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Firefox OS Emoji
- Pembuat
- Mozilla
- Lisensi
- Apache-2.0
- Ukuran
- 512 × 512
- Kategori
- Benda
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/cardindex.svg" alt="Ikon Cardindex" width="24" height="24">Ikon terkait di Firefox OS Emoji
FAQ Ikon Cardindex
Apakah ikon Cardindex gratis untuk penggunaan komersial?
Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Cardindex di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:cardindex" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cardindex ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/cardindex.svg" alt="Ikon Cardindex">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.