Ikon Cake One
icon-park:cake-one
Ikon Cake One (icon-park:cake-one) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Makanan
- Tag
- cakeone
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linecap="round" stroke-linejoin="round" d="M27 14L9 21.9H39L34 15"/><circle cx="31" cy="13" r="4" fill="#fff"/><path stroke-linecap="round" d="M33 9L35 4"/><path d="M9.5 26.9568C8.89836 27.2575 8.33775 27.5769 7.82243 27.913C5.41836 29.481 4 31.4118 4 33.4999C4 38.7466 12.9543 42.9999 24 42.9999C35.0457 42.9999 44 38.7466 44 33.4999C44 31.3609 42.5116 29.3869 40 27.799"/><rect width="30" height="12" x="9" y="22" fill="#2F88FF" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 22H40"/></g></svg>
Cara memakai ikon Cake One
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:cake-one" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:cake-one" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:cake-one" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--cake-one]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:cake-one"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:cake-one"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/cake-one.svg" alt="Ikon Cake One" width="24" height="24">
Ikon Cake One di set ikon lain
FAQ Ikon Cake One
Apakah ikon Cake One gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Cake One di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:cake-one" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cake One ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/cake-one.svg" alt="Ikon Cake One">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
