Ikon Honeycomb
whh:honeycomb
Ikon Honeycomb (whh:honeycomb) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 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
- 1024 × 1025
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1025" viewBox="0 0 1024 1025"><path fill="currentColor" d="M1024 689v224l-192 112l-160-93l-160 93l-160-93l-160 93L0 913V689l192-112V449L0 337V113L192 0l160 94L512 0l160 94L832 0l192 113v224l-128 74v203zM384 881l128 80l128-80V721l-110-69l-146 85zM192 641L64 721v160l128 80l128-80V721zm128-496L192 65L64 145v160l128 80l128-80zm-64 288v160l128 80l128-80V433l-128-80zm384-288L512 65l-128 80v144l146 85l110-69zm-64 288v160l128 80l128-80V433l-128-80zm384-128V145L832 65l-128 80v144l146 85zM850 652l-146 85v144l128 80l128-80V721z"/></svg>Cara memakai ikon Honeycomb
React
import { Icon } from "@iconify/react";
<Icon icon="whh:honeycomb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:honeycomb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:honeycomb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--honeycomb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:honeycomb"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:honeycomb"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/honeycomb.svg" alt="Ikon Honeycomb" width="24" height="24">Ikon Honeycomb di set ikon lain
FAQ Ikon Honeycomb
Apakah ikon Honeycomb 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 Honeycomb di React?
Pasang @iconify/react lalu render <Icon icon="whh:honeycomb" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Honeycomb ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/honeycomb.svg" alt="Ikon Honeycomb">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.