Ikon Genie
openmoji:genie
Ikon Genie (openmoji:genie) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- OpenMoji
- Pembuat
- OpenMoji
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 72 × 72
- Kategori
- Orang dan tubuh
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#b1cc33" d="m45.522 50.562l.797 2.48l-1.134 4.995l-5.181 5.674a23.97 23.97 0 0 0 14.937-4.113s2-13-10-13c-3.192 2.128-5.926 3.599-9 3.593h.125c-3.074.006-5.808-1.465-9-3.593c-12 0-10 13-10 13c9.978 6.021 14.368 3.708 28.119-1.561l.617-3.521l-24.068 1.35l5.31-.908"/><path fill="#b1cc33" d="M54.926 59.599s2-13-10-13c-3.192 2.128-5.927 3.598-9 3.592h.125c-3.074.006-5.808-1.464-9-3.592c-12 0-10 13-10 13"/><path fill="#5c9e31" d="M45.208 46.599a18 18 0 0 1-8.937 3.588C49.333 50.6 49.333 55.6 50.095 59.6h5.113s2-13-10-13"/><path fill="#5c9e31" d="M55.208 59.599s-11.756 9.026-20.737 2.963l10.714-4.525l1.134-4.995s8.977-2.464 8.89 6.557"/><ellipse cx="36.004" cy="30.099" fill="#b1cc33" rx="11.339" ry="14.173"/><path fill="#fff" d="M49.175 14.673c-13.171 4.117-24.51 13.519-24.51 13.519s-3.96-5.34-2.237-10.727c0 0 2.237-8.077 13.036-8.077c7.703 0 11.595 3.17 13.71 5.285c6.147 8.725-2.134 13.604-2.134 13.604a126 126 0 0 1-9.655-8.34"/><path fill="#d0cfce" d="M49.175 14.673c6.146 8.725-2.135 13.604-2.135 13.604a126 126 0 0 1-9.655-8.34"/><path fill="#fcea2b" d="M36.004 25.765a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2m9.181 32.272l-4.412 1.831v-5.245h5.029z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M40.004 63.711A23.97 23.97 0 0 0 54.94 59.6s2-13-10-13c-3.192 2.128-5.926 3.598-9 3.592h.125c-3.074.006-5.808-1.464-9-3.592c-12 0-10 13-10 13c9.978 6.02 14.368 3.708 28.119-1.562l.617-3.52l-24.068 1.35"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m45.522 50.562l.797 2.48l-1.134 4.995"/><path d="M42.004 28.738a2 2 0 1 1-2-2a2 2 0 0 1 2 2m-8 0a2 2 0 1 1-2-2a2 2 0 0 1 2 2m2 10.002a7.65 7.65 0 0 1-3.448-.858a1 1 0 0 1 .895-1.789a5.38 5.38 0 0 0 5.105 0a1 1 0 0 1 .895 1.79a7.65 7.65 0 0 1-3.447.857"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M34.006 21.718c-1.28.77-2.47 1.53-3.53 2.24c-3.13 2.09-5.21 3.75-5.7 4.14c-.07.06-.11.09-.11.09s-3.96-5.34-2.24-10.72c0 0 2.24-8.08 13.04-8.08c7.7 0 11.59 3.17 13.71 5.29c5.58 7.91-.72 12.65-1.94 13.47c-.13.09-.2.13-.2.13s-4.41-3.38-9.03-7.75"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M37.976 19.458a66.4 66.4 0 0 1 11.2-4.78"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M36.004 25.765a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h0a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2m4.769 29.151v4.748M24.743 28.28a18 18 0 0 0-.095 1.842c0 7.828 5.077 14.173 11.339 14.173s11.338-6.345 11.338-14.173a18 18 0 0 0-.1-1.9"/></svg>Cara memakai ikon Genie
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:genie" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:genie" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:genie" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--genie]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:genie"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:genie"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/openmoji/genie.svg" alt="Ikon Genie" width="24" height="24">Ikon Genie di set ikon lain
FAQ Ikon Genie
Apakah ikon Genie gratis untuk penggunaan komersial?
Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Genie di React?
Pasang @iconify/react lalu render <Icon icon="openmoji:genie" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Genie ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/genie.svg" alt="Ikon Genie">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.