ICONYZ
Bahasa Indonesia
Ikon Popcorn One dari IconPark

Ikon Popcorn One

icon-park:popcorn-one

Ikon Popcorn One (icon-park:popcorn-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
popcornone
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M7 16H41L34 44H14L7 16Z"/><path stroke="#fff" d="M20 16V44"/><path stroke="#fff" d="M28 16V44"/><path fill="#2F88FF" stroke="#000" d="M33 9C30.7909 9 29 10.7909 29 13C29 14.1947 29.5238 15.2671 30.3542 16H35.6458C36.4762 15.2671 37 14.1947 37 13C37 10.7909 35.2091 9 33 9Z"/><path fill="#2F88FF" stroke="#000" d="M24 9C21.7909 9 20 10.7909 20 13C20 14.1947 20.5238 15.2671 21.3542 16H26.6458C27.4762 15.2671 28 14.1947 28 13C28 10.7909 26.2091 9 24 9Z"/><path fill="#2F88FF" stroke="#000" d="M15 9C12.7909 9 11 10.7909 11 13C11 14.1947 11.5238 15.2671 12.3542 16H17.6458C18.4762 15.2671 19 14.1947 19 13C19 10.7909 17.2091 9 15 9Z"/><path stroke="#000" d="M22.874 9C22.9562 8.68038 23 8.3453 23 8C23 5.79086 21.2091 4 19 4C16.7909 4 15 5.79086 15 8C15 8.3453 15.0438 8.68038 15.126 9"/><path stroke="#000" d="M32.874 9C32.9562 8.68038 33 8.3453 33 8C33 5.79086 31.2091 4 29 4C26.7909 4 25 5.79086 25 8C25 8.3453 25.0438 8.68038 25.126 9"/><path stroke="#000" d="M16 16L32 16"/><path stroke="#000" d="M16 44L32 44"/></g></svg>

Cara memakai ikon Popcorn One

React

import { Icon } from "@iconify/react";

<Icon icon="icon-park:popcorn-one" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="icon-park:popcorn-one" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="icon-park:popcorn-one" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--popcorn-one]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:popcorn-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:popcorn-one"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/icon-park/popcorn-one.svg" alt="Ikon Popcorn One" width="24" height="24">

Ikon terkait di IconPark

Ikon Popcorn One di set ikon lain

FAQ Ikon Popcorn One

Apakah ikon Popcorn 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 Popcorn One di React?

Pasang @iconify/react lalu render <Icon icon="icon-park:popcorn-one" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Popcorn One ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/popcorn-one.svg" alt="Ikon Popcorn One">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon IconPark →