Ikon Muffin
whh:muffin
Ikon Muffin (whh:muffin) 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="M1024 384q0 42-9 76t-22 59.5t-40 44.5t-48.5 32t-63.5 21.5t-69.5 13T690 637t-85 2.5t-93 .5t-93-.5t-85-2.5t-81.5-6.5t-69.5-13t-63.5-21.5T71 564t-40-44.5T9 460t-9-76q0-70 39-138.5T147 122l-19-58l184-31Q408 0 512 0q180 0 325 94l59-30l96 192l-1 1q33 64 33 127m-83-94l-45 30l-192-160l68-34Q653 64 512 64q-79 0-156 21l28 43l-192 128l-25-74q-49 41-76 90t-27 99q0 83 46 130l18-53l192 64l-37 56q69 8 229 8q92 0 136-1l24-95l160-32l46 81q82-47 82-158q0-40-19-81m-557 62l64-160l192 64l-32 128zM220 979q-92-36-92-83L64 640q53 27 132 42zm164 38q-52-7-98-18l-26-306q56 7 124 9zm192-313v318q-34 2-64 2t-64-2V704zm162 295q-46 11-98 18V702q68-2 124-9zm222-359l-64 256q0 47-92 83l24-297q79-15 132-42"/></svg>Cara memakai ikon Muffin
React
import { Icon } from "@iconify/react";
<Icon icon="whh:muffin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:muffin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:muffin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--muffin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:muffin"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:muffin"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/muffin.svg" alt="Ikon Muffin" width="24" height="24">Ikon Muffin di set ikon lain
FAQ Ikon Muffin
Apakah ikon Muffin 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 Muffin di React?
Pasang @iconify/react lalu render <Icon icon="whh:muffin" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Muffin ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/muffin.svg" alt="Ikon Muffin">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.