Icono Popcorn
openmoji:popcorn
El icono Popcorn (openmoji:popcorn) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- OpenMoji
- Autor
- OpenMoji
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 72 × 72
- Categoría
- Comida y bebida
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#ea5a47" d="M22 27h28l-3 33H25z"/><path fill="#fcea2b" d="m50.672 27.243l2.86-1.547l-.53-.87a2.997 2.997 0 0 0-.36-5.753a2.99 2.99 0 0 0-.52-3.508a2.99 2.99 0 0 0-3.14-.691a2.99 2.99 0 0 0-1.48-2.33a2.98 2.98 0 0 0-2.522-.206a2.99 2.99 0 0 0-2.2-2.69a2.99 2.99 0 0 0-2.66.573A3 3 0 0 0 39 10c-.243 0-.477.037-.703.092A2.98 2.98 0 0 0 36 9c-.928 0-1.747.43-2.297 1.092A3 3 0 0 0 33 10c-.395 0-.77.081-1.116.22a2.99 2.99 0 0 0-2.66-.573a2.99 2.99 0 0 0-2.18 3.322a2.99 2.99 0 0 0-3.543-.424a2.98 2.98 0 0 0-1.453 2.146a2.98 2.98 0 0 0-2.17.873a2.99 2.99 0 0 0-.523 3.51a2.998 2.998 0 0 0-.341 5.758l-.295.942l3.094 1.938"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M53.003 24.825a2.997 2.997 0 0 0-.36-5.752a2.99 2.99 0 0 0-.52-3.508a2.99 2.99 0 0 0-3.14-.691a2.99 2.99 0 0 0-1.481-2.33a2.98 2.98 0 0 0-2.522-.206a2.99 2.99 0 0 0-2.2-2.69a2.99 2.99 0 0 0-2.66.573A3 3 0 0 0 39 10c-.243 0-.477.037-.703.092A2.98 2.98 0 0 0 36 9c-.928 0-1.747.43-2.297 1.092A3 3 0 0 0 33 10c-.395 0-.77.081-1.116.22a2.99 2.99 0 0 0-2.66-.573a2.99 2.99 0 0 0-2.18 3.322a2.99 2.99 0 0 0-3.543-.424a2.98 2.98 0 0 0-1.453 2.146a2.98 2.98 0 0 0-2.17.873a2.99 2.99 0 0 0-.523 3.51a2.998 2.998 0 0 0-.341 5.758M22 27h28l-3 33H25z"/><path d="M26 21a3 3 0 0 1 3-3m5 0a3 3 0 0 1 3-3"/></g></svg>
Cómo usar el icono Popcorn
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:popcorn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:popcorn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:popcorn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--popcorn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:popcorn"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:popcorn"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/openmoji/popcorn.svg" alt="Icono Popcorn" width="24" height="24">
El icono Popcorn en otras colecciones
Preguntas frecuentes sobre Icono Popcorn
¿El icono Popcorn es gratis para uso comercial?
Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Popcorn en React?
Instala @iconify/react y renderiza <Icon icon="openmoji:popcorn" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Popcorn a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/popcorn.svg" alt="Icono Popcorn">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos OpenMoji →
ICONYZ
