Ikon Banana
whh:banana
Ikon Banana (whh:banana) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1025 × 1025. 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 × 1025
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1025" viewBox="0 0 1025 1025"><path fill="currentColor" d="M859 839q-41 52-81 90.5t-70 58t-55 28.5t-40.5 8t-23.5-8q-12-11-12.5-45.5T587 896t30-66q77-100 128-227q-65 80-140 137.5T458 818q-63 16-121 14.5T237.5 819T192 791q-4-14 38-50t96-68.5t83-40.5q22-6 66-51q-122 59-219 59q-46 0-94-10.5T79.5 604t-57-31.5T0 544q0-23 102.5-59.5T256 448q31 0 112.5-52.5T538 266t134-138q24-32 79-30q20-58 20-98h61q0 34-1 64v1l.5-.5l.5-.5q45 22 74 65h1l1 1q71 32 98.5 119t14 191T964 652T859 839"/></svg>
Cara memakai ikon Banana
React
import { Icon } from "@iconify/react";
<Icon icon="whh:banana" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:banana" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:banana" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--banana]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:banana"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:banana"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/banana.svg" alt="Ikon Banana" width="24" height="24">
Ikon Banana di set ikon lain
FAQ Ikon Banana
Apakah ikon Banana 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 Banana di React?
Pasang @iconify/react lalu render <Icon icon="whh:banana" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Banana ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/banana.svg" alt="Ikon Banana">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon WebHostingHub Glyphs →
ICONYZ
