Ikon Acorn
whh:acorn
Ikon Acorn (whh:acorn) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1025 × 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
- 1025 × 1024
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1024" viewBox="0 0 1025 1024"><path fill="currentColor" d="M928 129q-35 0-65.5 46.5T826 272q122 132 173 254.5t2 171.5q-45 45-122 71q-15-63-85-163.5t-172.5-203t-203-172T255 145q26-76 72-121q46-44 152.5-5.5T708 160q2-2 16.5-13.5t19-14.5t19-13.5t22.5-14t22.5-12t26-11.5t27-7.5T892 67t33-2q14 0 24.5 9.5t10 23.5t-9 22.5T928 129M576 449q156 156 237 311q-36 49-80 93q-60 60-130.5 98.5t-132.5 54t-129 17.5t-114-4t-93-18t-61-17.5t-23-9.5q-4-8-9.5-22.5t-17.5-61t-18-93T1 684t17.5-129T73 422.5T171 292q45-44 93-80q156 81 312 237"/></svg>
Cara memakai ikon Acorn
React
import { Icon } from "@iconify/react";
<Icon icon="whh:acorn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:acorn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:acorn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--acorn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:acorn"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:acorn"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/acorn.svg" alt="Ikon Acorn" width="24" height="24">
Ikon Acorn di set ikon lain
FAQ Ikon Acorn
Apakah ikon Acorn 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 Acorn di React?
Pasang @iconify/react lalu render <Icon icon="whh:acorn" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Acorn ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/acorn.svg" alt="Ikon Acorn">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon WebHostingHub Glyphs →
ICONYZ
