Ikon Hocho
fxemoji:hocho
Ikon Hocho (fxemoji:hocho) 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="m103.93 501.029l149.512-149.512c4.049-4.049 4.049-10.613 0-14.661l-65.912-65.912c-4.049-4.049-10.613-4.049-14.661 0L23.358 420.457c-10.552 10.552-10.552 27.661 0 38.213l42.36 42.36c10.552 10.552 27.66 10.552 38.212-.001"/><path fill="#9CADB5" d="M169.906 273.908L440.26 3.554c4.272-4.272 11.255-4.059 15.257.467c25.102 28.386 86.692 138.398-156.394 381.484c-39.619 39.619-129.217-111.597-129.217-111.597"/><path fill="#D7DFE2" d="M222.485 296.803a19.94 19.94 0 0 1-14.142-5.857c-7.811-7.811-7.811-20.475 0-28.284l96.967-96.968c7.811-7.811 20.475-7.811 28.285 0s7.811 20.474 0 28.284l-96.968 96.968a19.94 19.94 0 0 1-14.142 5.857"/></svg>Cara memakai ikon Hocho
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:hocho" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:hocho" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:hocho" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--hocho]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:hocho"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:hocho"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/hocho.svg" alt="Ikon Hocho" width="24" height="24">Ikon Hocho di set ikon lain
FAQ Ikon Hocho
Apakah ikon Hocho 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 Hocho di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:hocho" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Hocho ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/hocho.svg" alt="Ikon Hocho">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.