Ikon Icecream Five
icon-park:icecream-five
Ikon Icecream Five (icon-park:icecream-five) 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
- icecreamfive
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M14 14C14 8.47715 18.4772 4 24 4C29.5228 4 34 8.47715 34 14V31.7308C34 31.8795 33.8795 32 33.7308 32H14.2692C14.1205 32 14 31.8795 14 31.7308V14Z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M21 16V22"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M27 16V22"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M21 32V41C21 42.6569 22.3431 44 24 44C25.6569 44 27 42.6569 27 41V32"/></g></svg>
Cara memakai ikon Icecream Five
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:icecream-five" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:icecream-five" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:icecream-five" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--icecream-five]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:icecream-five"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:icecream-five"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/icecream-five.svg" alt="Ikon Icecream Five" width="24" height="24">
Ikon Icecream Five di set ikon lain
FAQ Ikon Icecream Five
Apakah ikon Icecream Five 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 Icecream Five di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:icecream-five" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Icecream Five ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/icecream-five.svg" alt="Ikon Icecream Five">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
