Icono Cookie
fxemoji:cookie
El icono Cookie (fxemoji:cookie) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji 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
- Firefox OS Emoji
- Autor
- Mozilla
- Licencia
- Apache-2.0
- Tamaño
- 512 × 512
- Categoría
- Objetos
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#D19B61" d="M30.588 157.435C45.694 92.479 111.838 11.252 210.984 8.688s188.907 23.082 247.894 100.02s58.986 220.881 25.646 265.6s-41.869 142.173-192.764 131.914C140.866 495.964 87.009 464.001 38.281 394.068s-28.245-148.266-7.693-236.633"/><path fill="#4F3D30" d="M161.834 173.737c0 10.843-18.425 19.634-41.154 19.634s-41.154-8.79-41.154-19.634c0-26.124 43.257-30.846 43.791-41.152c.1-1.933 2.78-3.171 5.053-2.251c11.912 4.825 33.464 17.179 33.464 43.403m161.668 236.249c-2.039-.662-4.442.228-4.532 1.618c-.479 7.408-39.281 10.802-39.281 29.579c0 7.794 16.528 14.112 36.915 14.112s36.915-6.318 36.915-14.112c.001-18.849-19.332-27.729-30.017-31.197m87.547-118.379c-2.039-.968-4.442.333-4.532 2.366c-.479 10.834-39.281 15.797-39.281 43.258c0 11.398 16.528 20.638 36.915 20.638s36.915-9.24 36.915-20.638c0-27.566-19.333-40.552-30.017-45.624"/><path fill="#332A23" d="M264.821 274.863c0 10.345-16.528 18.731-36.915 18.731s-36.915-8.386-36.915-18.731c0-24.923 38.802-29.428 39.281-39.261c.09-1.845 2.494-3.026 4.532-2.147c10.684 4.603 30.017 16.389 30.017 41.408m6.898-210.826c-2.039-.662-4.442.228-4.532 1.618c-.479 7.408-39.281 10.802-39.281 29.579c0 7.794 16.528 14.112 36.915 14.112s36.915-6.318 36.915-14.112c0-18.849-19.333-27.729-30.017-31.197m121.102 54.782c-1.858-.913-4.049.315-4.131 2.233c-.437 10.227-35.806 14.912-35.806 40.833c0 10.759 15.065 19.482 33.65 19.482c18.584 0 33.65-8.722 33.65-19.482c-.002-26.021-17.624-38.279-27.363-43.066m-235.287 237.23c-2.272-1.117-4.951.385-5.052 2.731c-.534 12.504-43.782 18.233-43.782 49.929c0 13.156 18.421 23.821 41.145 23.821s41.145-10.665 41.145-23.821c0-31.818-21.548-46.806-33.456-52.66"/></svg>
Cómo usar el icono Cookie
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:cookie" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:cookie" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:cookie" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--cookie]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:cookie"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:cookie"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/cookie.svg" alt="Icono Cookie" width="24" height="24">
El icono Cookie en otras colecciones
Preguntas frecuentes sobre Icono Cookie
¿El icono Cookie es gratis para uso comercial?
Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Cookie en React?
Instala @iconify/react y renderiza <Icon icon="fxemoji:cookie" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Cookie a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/cookie.svg" alt="Icono Cookie">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Firefox OS Emoji →
ICONYZ
