Ikon Coffeebean
whh:coffeebean
Ikon Coffeebean (whh:coffeebean) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1026 × 1026. 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
- 1026 × 1026
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1026" height="1026" viewBox="0 0 1026 1026"><path fill="currentColor" d="M928 909q-9-45-111-171T564.5 461.5T288 209T117 98q84-78 209.5-94T587 38.5t242.5 158t158 242.5t34.5 260.5T928 909M461.5 564.5Q612 715 738 817t171 111q-84 78-209.5 94T439 987.5t-242.5-158T38.5 587T4 326.5T98 117q9 45 111 171t252.5 276.5"/></svg>Cara memakai ikon Coffeebean
React
import { Icon } from "@iconify/react";
<Icon icon="whh:coffeebean" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:coffeebean" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:coffeebean" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--coffeebean]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:coffeebean"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:coffeebean"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/coffeebean.svg" alt="Ikon Coffeebean" width="24" height="24">FAQ Ikon Coffeebean
Apakah ikon Coffeebean 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 Coffeebean di React?
Pasang @iconify/react lalu render <Icon icon="whh:coffeebean" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Coffeebean ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/coffeebean.svg" alt="Ikon Coffeebean">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.