Ikon Bacon
whh:bacon
Ikon Bacon (whh:bacon) 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="M960 832q-3-22-24-74.5T902 692q-47-46-96.5-79.5t-83.5-48t-68-32t-53-36.5q-45-45-74.5-91.5T475 318t-51-68q-44-44-67.5-66t-58-51T236 89t-54-19l70-70q27 4 55 19t62.5 44t58 51.5T495 180q29 28 51 68t51.5 86.5T672 426q22 22 69 51t109.5 73.5T972 654q14 13 31.5 57.5T1024 778zM566 531q18 19 52 36.5t68 32t84 48t96 79.5q8 8 16 35.5t17.5 64T918 883l-36 36q-1-12-16-29.5T826 850t-27-24q-78-77-163.5-158.5T530 566q-57-57-133-136T290 320q-29-28-55.5-63t-41-56.5t-36-38.5t-46.5-22l35-35q27 5 55 19.5t62.5 43.5t58 51.5T389 285q28 28 50.5 68t52 86.5T566 531m-71 70q19 19 104.5 101T764 861q2 3 26.5 24.5t40 39T847 954l-71 70q-3-23-20.5-67T725 900q-59-59-121.5-103.5T494 723t-70-52q-45-44-74-91t-51.5-86.5T248 426q-79-78-138-122.5T0 250l75-75q26 5 47.5 22t35.5 38.5t41 56.5t55 64q32 31 108 110t133 135"/></svg>
Cara memakai ikon Bacon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:bacon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:bacon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:bacon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--bacon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:bacon"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:bacon"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/bacon.svg" alt="Ikon Bacon" width="24" height="24">
Ikon Bacon di set ikon lain
FAQ Ikon Bacon
Apakah ikon Bacon 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 Bacon di React?
Pasang @iconify/react lalu render <Icon icon="whh:bacon" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Bacon ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/bacon.svg" alt="Ikon Bacon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon WebHostingHub Glyphs →
ICONYZ
