Ikon Bottle
icon-park:bottle
Ikon Bottle (icon-park:bottle) 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
- Kesehatan
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" stroke-linejoin="round" d="M36 18H12V44H36V18Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M19.8943 11H28.1057C29.8329 11 31.365 12.1086 31.9051 13.7492L33.3045 18H14.6953L16.0949 13.7491C16.635 12.1086 18.1671 11 19.8943 11Z" clip-rule="evenodd"/><path stroke="#000" stroke-linecap="round" d="M21 11V7C21 5.34315 22.3431 4 24 4C25.6569 4 27 5.34315 27 7V11"/><path stroke="#fff" stroke-linecap="round" d="M18.5 26V36"/></g></svg>
Cara memakai ikon Bottle
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:bottle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:bottle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:bottle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--bottle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:bottle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:bottle"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/bottle.svg" alt="Ikon Bottle" width="24" height="24">
Ikon Bottle di set ikon lain
FAQ Ikon Bottle
Apakah ikon Bottle 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 Bottle di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:bottle" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Bottle ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/bottle.svg" alt="Ikon Bottle">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
