Ikon Index
fxemoji:index
Ikon Index (fxemoji:index) 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
- Orang
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFD3B6" d="M387.792 344.02c0-62.092-33.526-83.255-33.526-103.038V36.804c0-17.869-14.017-32.339-31.999-32.339c-17.933 0-32.5 14.486-32.5 32.339v150.147c-5.9-7.294-14.898-11.944-25.161-11.944c-9.881 0-18.747 4.343-24.784 11.207c-4.573 3.844-8.379 3.834-13.236-.543c-5.889-6.554-14.42-10.665-24.07-10.665c-9.959 0-18.885 4.411-24.922 11.369c-4.692 3.853-8.599 3.58-13.704-1.329c-5.86-6.183-14.131-10.04-23.464-10.04c-18.164 0-32.918 14.656-32.918 32.722v65.451c0 9.132 3.898 17.316 10.166 22.904v64.93c0 28.646 13.114 54.228 33.663 71.076v58.582c0 11.735 9.513 21.248 21.248 21.248h134.533c11.735 0 21.248-9.513 21.248-21.248v-45.595c36.483-14.703 59.426-49.099 59.426-93.805c0-2.263-.066-4.493-.182-6.698a4 4 0 0 0 .182-.553"/><path fill="#EDC0A2" d="M350.466 265.813c-18.101-15.296-31.123-20.22-55.434-19.661V199.22a4.528 4.528 0 1 0-9.056 0v47.343l-.091.005c-.072.005-.138.027-.21.035l-3.288-.085l-32.565-.571a42 42 0 0 0-9.179.854q-1.145.234-2.283.548V199.22a4.528 4.528 0 1 0-9.056 0v52.165c-4.67 3.018-8.544 7.358-10.991 12.299c-2.874 5.771-4.018 12.185-3.652 18.456c.372 6.227 2.233 12.419 5.721 17.822a30.7 30.7 0 0 1-14.685 3.72c-16.978 0-30.242-13.646-30.242-30.501v-57.535l-.454.006v-16.43a4.528 4.528 0 1 0-9.056 0v21.564a7.3 7.3 0 0 0-.321 2.138v54.94c0 1.67.116 3.307.321 4.912v2.443c-4.702 10.856-15.562 18.463-28.195 18.463c-7.78 0-14.774-2.871-20.075-7.598v8.981c6.124 4.709 13.829 7.485 22.301 7.485c12.677 0 23.874-6.404 30.511-16.129c6.243 10.923 17.917 18.133 31.578 18.133a36.8 36.8 0 0 0 23.497-8.439c.461.425.924.85 1.413 1.247a30 30 0 0 0 8.576 4.91a30.5 30.5 0 0 0 4.727 1.354c1.603.344 3.163.518 4.939.641c.406.026.697.024 1.051.036l1.16.022l2.024.005l4.04.022c5.369.056 10.731.148 15.885.546c2.569.202 5.087.49 7.393.949c2.279.462 4.346 1.164 5.529 1.995c.601.414.984.812 1.31 1.312c.323.499.6 1.161.811 2.025c.105.429.186.91.263 1.408c.056.517.125 1.06.144 1.56c.043.432.045 1.216.062 1.868c-.001-.029-.003-.071-.002.002l-.003.082l-.004.165l-.008.329c-.025.215-.026.434-.06.646c-.21 1.703-.868 3.327-1.998 4.858a14.4 14.4 0 0 1-1.978 2.167a15 15 0 0 1-1.766 1.369l-.429.271l-.643.396l-2.378 1.796l-2.296 1.899l-2.209 1.998l-2.118 2.093c-.686.716-1.349 1.455-2.023 2.183c-.652.747-1.277 1.517-1.915 2.276c-.618.774-1.209 1.57-1.812 2.356c-.583.8-1.139 1.62-1.707 2.43c-.547.824-1.067 1.667-1.599 2.5l-1.489 2.564l-1.377 2.624l-1.264 2.679l-1.148 2.728l-1.031 2.773l-.912 2.813l-.792 2.848l-.667 2.879l-.536 2.906l-.412 2.925l-.288 2.939l-.162 2.948l-.036 2.951c.03.984.044 1.967.091 2.95c.072.981.128 1.963.218 2.943c.115.977.212 1.956.346 2.93c.157.971.305 1.943.485 2.91c.204.962.392 1.927.614 2.884c.246.952.477 1.907.74 2.853l.865 2.816l.991 2.778l1.147 2.811l1.147 2.486a4.54 4.54 0 0 0 5.861 2.28a4.53 4.53 0 0 0 2.429-5.927l-1.057-2.525l-.833-2.292l-.761-2.408l-.655-2.443l-.546-2.468l-.436-2.488l-.329-2.504l-.231-2.514l-.122-2.521l-.013-2.523l.095-2.521l.203-2.514l.31-2.503l.416-2.487l.52-2.466l.615-2.443l.715-2.414l.817-2.381l.916-2.343l1.014-2.301l1.11-2.254l1.204-2.203l1.296-2.148l1.386-2.089l1.474-2.025l1.559-1.957l1.641-1.886l1.712-1.819l1.789-1.741l1.864-1.66l1.934-1.576l1.79-1.331l.305-.18l.579-.361a26.5 26.5 0 0 0 3.082-2.336a25.3 25.3 0 0 0 3.534-3.806c2.132-2.803 3.688-6.329 4.163-10.019c.069-.459.096-.919.139-1.379l.029-.688l.017-.774c-.014-.703-.001-1.274-.057-2.195c-.032-.857-.12-1.663-.212-2.494l-.196-1.278c-.077-.431-.186-.879-.282-1.316c-.432-1.769-1.14-3.676-2.297-5.455c-1.143-1.783-2.726-3.332-4.369-4.439c-3.337-2.222-6.6-3.058-9.608-3.707c-3.02-.595-5.907-.903-8.748-1.125c-5.674-.425-11.174-.501-16.659-.551l-4.102-.016l-2.047-.002l-1.859-.045c-.928-.072-2.077-.162-3.13-.387a19.5 19.5 0 0 1-3.101-.848c-4.007-1.423-7.437-4.176-9.874-7.833c-4.925-7.297-5.693-17.872-1.794-25.833c1.901-4 4.945-7.293 8.803-9.42c3.84-2.16 8.506-3.123 13.278-3.169l32.57-.109l3.174-.041c.32.048.648.069.984.045c.41-.027.804-.049 1.207-.073l2.688-.034l3.922-.013l3.948.062c5.269.113 10.572.403 15.879 1.066q.965.124 1.931.265c10.134 2.333 18.367 7.235 28.564 15.852a4.5 4.5 0 0 0 2.921 1.069a4.52 4.52 0 0 0 3.461-1.605a4.536 4.536 0 0 0-.535-6.389"/><path fill="#F2C7AA" d="M286.182 452.881h-74.636c-.128 0-.267-.015-.398-.02c-.535.009-1.07.02-1.608.02c-22.09 0-42.357-7.799-58.204-20.791v.312c0 22.103 17.918 40.022 40.022 40.022h120.778c8.963 0 16.229-7.266 16.229-16.229v-11.117c-12.58 5.069-26.767 7.803-42.183 7.803"/></svg>Cara memakai ikon Index
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:index" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:index" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:index" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--index]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:index"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:index"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/index.svg" alt="Ikon Index" width="24" height="24">FAQ Ikon Index
Apakah ikon Index 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 Index di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:index" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Index ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/index.svg" alt="Ikon Index">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.