Ikon Cake Bold
ph:cake-bold
Ikon Cake Bold (ph:cake-bold) adalah ikon SVG gratis dari set Phosphor karya Phosphor Icons. Ikon ini digambar pada grid 256 × 256. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Phosphor
- Pembuat
- Phosphor Icons
- Lisensi
- MIT
- Ukuran
- 256 × 256
- Tag
- dessert, birthday, celebration, event, cakebold
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M236 112a28 28 0 0 0-28-28h-68v-2.06A36.07 36.07 0 0 0 164 48c0-31.06-29.38-46.11-30.63-46.73a12 12 0 0 0-10.74 0C121.38 1.89 92 16.94 92 48a36.07 36.07 0 0 0 24 33.94V84H48a28 28 0 0 0-28 28v23.33a44.7 44.7 0 0 0 8 25.49V200a28 28 0 0 0 28 28h144a28 28 0 0 0 28-28v-39.18a44.7 44.7 0 0 0 8-25.49ZM124 29.93a43 43 0 0 1 4-3.57a41 41 0 0 1 4 3.57c5.33 5.52 8 11.6 8 18.07a12 12 0 0 1-24 0c0-6.47 2.71-12.55 8-18.07M44 112a4 4 0 0 1 4-4h160a4 4 0 0 1 4 4v23.33c0 11.1-8.72 20.37-19.43 20.66A20 20 0 0 1 172 136a12 12 0 0 0-24 0a20 20 0 0 1-40 0a12 12 0 0 0-24 0a20 20 0 0 1-20.57 20C52.72 155.7 44 146.43 44 135.33Zm156 92H56a4 4 0 0 1-4-4v-21.71A42.7 42.7 0 0 0 62.77 180a43.68 43.68 0 0 0 31.91-12.44c.46-.44.9-.9 1.33-1.35a44 44 0 0 0 64 0c.43.45.87.91 1.33 1.35A43.66 43.66 0 0 0 192 180h1.25a42.7 42.7 0 0 0 10.75-1.71V200a4 4 0 0 1-4 4"/></svg>Cara memakai ikon Cake Bold
React
import { Icon } from "@iconify/react";
<Icon icon="ph:cake-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:cake-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:cake-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--cake-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:cake-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:cake-bold"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/ph/cake-bold.svg" alt="Ikon Cake Bold" width="24" height="24">Ikon terkait di Phosphor
FAQ Ikon Cake Bold
Apakah ikon Cake Bold gratis untuk penggunaan komersial?
Ya. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Cake Bold di React?
Pasang @iconify/react lalu render <Icon icon="ph:cake-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cake Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ph/cake-bold.svg" alt="Ikon Cake Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.