Icono Popcorn One
icon-park:popcorn-one
El icono Popcorn One (icon-park:popcorn-one) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Alimentos
- Etiquetas
- popcornone
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/popcorn-one.svg" alt="Icono Popcorn One" width="24" height="24">Iconos relacionados en IconPark
El icono Popcorn One en otras colecciones
Preguntas frecuentes sobre Icono Popcorn One
¿El icono Popcorn One es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Popcorn One en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:popcorn-one" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Popcorn One a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/popcorn-one.svg" alt="Icono Popcorn One">, o pega el código SVG en línea para darle estilo con CSS.