Ikon Genius
et:genius
Ikon Genius (et:genius) adalah ikon SVG gratis dari set Elegant karya Kenny Sing. Ikon ini digambar pada grid 30 × 32. Elegant icons dirilis di bawah lisensi GPL 3.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial; versi file ikon yang dimodifikasi harus tetap memakai lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Elegant
- Pembuat
- Kenny Sing
- Lisensi
- GPL-3.0-or-later
- Ukuran
- 30 × 32
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="32" viewBox="0 0 30 32"><g fill="currentColor"><path d="M.567 24c.785 1.36 2.548 2.079 5.097 2.079h.001c1.146 0 2.407-.161 3.722-.438C10.653 29.52 12.674 32 15 32s4.347-2.48 5.613-6.359c1.316.276 2.577.438 3.723.438c2.548 0 4.311-.719 5.096-2.079c1.016-1.761.117-4.72-2.966-8c3.083-3.28 3.982-6.239 2.966-8c-.785-1.36-2.548-2.079-5.097-2.079c-1.146 0-2.408.161-3.723.438C19.347 2.48 17.326 0 15 0s-4.347 2.48-5.613 6.359c-1.316-.277-2.578-.438-3.723-.438C3.115 5.921 1.352 6.64.567 8C-.449 9.761.45 12.72 3.533 16C.45 19.28-.45 22.239.567 24M15 31c-1.839 0-3.516-2.199-4.627-5.579A30.4 30.4 0 0 0 15 23.822a30.4 30.4 0 0 0 4.627 1.599C18.516 28.801 16.839 31 15 31M9 16c0-1.164.062-2.297.168-3.393A40 40 0 0 1 12 10.804a34 34 0 0 1 3-1.533c1.009.455 2.016.964 3 1.533a39 39 0 0 1 2.832 1.803C20.938 13.703 21 14.836 21 16s-.062 2.297-.168 3.393A40 40 0 0 1 18 21.196a34 34 0 0 1-3 1.533a34 34 0 0 1-3-1.533a39 39 0 0 1-2.832-1.803A35 35 0 0 1 9 16m-.902 2.623A32 32 0 0 1 5.012 16a32 32 0 0 1 3.086-2.623C8.039 14.231 8 15.102 8 16s.039 1.769.098 2.623m1.223-7.337a28 28 0 0 1 .764-3.754a29 29 0 0 1 3.682 1.219c-.762.369-1.522.757-2.267 1.187a47 47 0 0 0-2.179 1.348m6.911-2.535a29 29 0 0 1 3.682-1.219c.322 1.15.58 2.413.764 3.754a47 47 0 0 0-2.179-1.348a35 35 0 0 0-2.267-1.187m5.67 4.626A32 32 0 0 1 24.988 16a32 32 0 0 1-3.086 2.623c.059-.854.098-1.725.098-2.623s-.039-1.769-.098-2.623m-1.223 7.337a28 28 0 0 1-.764 3.754a29 29 0 0 1-3.682-1.219a35 35 0 0 0 2.268-1.187a48 48 0 0 0 2.178-1.348M11.5 22.062c.745.43 1.505.819 2.268 1.187a29 29 0 0 1-3.682 1.219a28 28 0 0 1-.764-3.754c.69.451 1.405.901 2.178 1.348M28.567 23.5c-.588 1.019-2.09 1.579-4.23 1.579c-1.056 0-2.218-.146-3.432-.395a29.5 29.5 0 0 0 .877-4.708c1.546-1.084 2.851-2.168 3.94-3.229c2.532 2.682 3.726 5.226 2.845 6.753M24.336 6.921c2.14 0 3.643.561 4.23 1.579c.882 1.527-.313 4.071-2.845 6.753c-1.089-1.06-2.394-2.145-3.94-3.229a29.5 29.5 0 0 0-.877-4.708c1.214-.249 2.377-.395 3.432-.395M15 1c1.839 0 3.516 2.199 4.627 5.579c-1.503.381-3.066.92-4.627 1.599a30.4 30.4 0 0 0-4.627-1.599C11.484 3.199 13.161 1 15 1M1.433 8.5c.588-1.019 2.09-1.579 4.23-1.579c1.056 0 2.218.146 3.432.395a29.5 29.5 0 0 0-.877 4.708c-1.546 1.084-2.851 2.168-3.94 3.229C1.746 12.571.552 10.027 1.433 8.5m2.845 8.247c1.089 1.06 2.394 2.145 3.94 3.229c.184 1.7.481 3.284.877 4.708c-1.213.249-2.375.395-3.431.395h-.001c-2.14 0-3.643-.561-4.23-1.579c-.881-1.527.313-4.071 2.845-6.753"/><path d="M15 18.5c1.378 0 2.5-1.121 2.5-2.5s-1.122-2.5-2.5-2.5s-2.5 1.121-2.5 2.5s1.122 2.5 2.5 2.5m0-4c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5s-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5"/></g></svg>Cara memakai ikon Genius
React
import { Icon } from "@iconify/react";
<Icon icon="et:genius" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="et:genius" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="et:genius" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[et--genius]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/et -->
<div class="i-et:genius"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="et:genius"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/et/genius.svg" alt="Ikon Genius" width="24" height="24">Ikon Genius di set ikon lain
FAQ Ikon Genius
Apakah ikon Genius gratis untuk penggunaan komersial?
Ya. Elegant icons dirilis di bawah lisensi GPL 3.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial; versi file ikon yang dimodifikasi harus tetap memakai lisensi yang sama.
Bagaimana cara memakai ikon Genius di React?
Pasang @iconify/react lalu render <Icon icon="et:genius" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Genius ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/et/genius.svg" alt="Ikon Genius">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.