Ikon Onion
whh:onion
Ikon Onion (whh:onion) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- Ukuran
- 1024 × 1024
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 1024q-108 0-199.5-24.5t-162-72T40 803.5T0 630q0-57 30-113t80.5-101T220 334.5T343 274q29-28 48-56t25.5-56t8.5-44t2-39q0-33 25-56t60-23v79q35 0 60 23t25 56q0 31 9.5 43.5T681 274q63 24 122.5 60t110 81.5T994 517t30 113q0 97-40 173.5t-110.5 124t-162 72T512 1024M192 640q0 115 50 199t134 123q-55-54-87.5-143.5T256 624q0-140 84-264q-66 50-107 122t-41 158m192 0q0-75 4-123t14.5-74t19-36t26.5-23q-22 8-43 25t-40.5 45t-32 71.5T320 622q0 148 55 236.5T512 960q-55-18-91.5-96.5T384 640m300-280q84 124 84 264q0 105-32.5 194.5T648 962q84-39 134-123t50-199q0-86-41-158T684 360"/></svg>
Cara memakai ikon Onion
React
import { Icon } from "@iconify/react";
<Icon icon="whh:onion" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:onion" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:onion" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--onion]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:onion"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:onion"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/onion.svg" alt="Ikon Onion" width="24" height="24">
Ikon Onion di set ikon lain
FAQ Ikon Onion
Apakah ikon Onion gratis untuk penggunaan komersial?
Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Onion di React?
Pasang @iconify/react lalu render <Icon icon="whh:onion" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Onion ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/onion.svg" alt="Ikon Onion">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon WebHostingHub Glyphs →
ICONYZ
