Icono Pie
twemoji:pie
El icono Pie (twemoji:pie) es un icono SVG gratuito de la colección Twitter Emoji de Twitter. Está dibujado en una cuadrícula de 36 × 36. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Twitter Emoji
- Autor
- Licencia
- CC-BY-4.0
- Tamaño
- 36 × 36
- Categoría
- Comida y bebida
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#f4900c" d="M7.728 3.132s.418-1.003 1.661-.838s9.667 1.593 13.676 3.454c4.01 1.86 8.529 4.059 11.358 7.384c.75.883.445 1.529.445 1.529l-1.036 7.438s-.3 1.489-1.737 1.886L2.507 32.139S1 32.483 1 30.932v-7.766s.152-.933.521-2.025c.368-1.095 6.207-18.009 6.207-18.009"/><path fill="#a0041e" d="M30.609 20.547c-4.448-4.258-15.009-9.219-22.834-9.965a.49.49 0 0 0-.507.329S.99 29.521.99 29.829c0 .15.07.293.187.386a.5.5 0 0 0 .419.088l29.419-8.115c.186-.048.279-.154.312-.344c.061-.332-.076-.684-.718-1.297"/><path fill="#a0041e" d="M31.323 21.879L1 30.029v-7.112S6.331 10.942 7.397 3.662C24.143 6.08 32.149 14.778 32.149 14.778z"/><path fill="#be1931" d="M8.188 25.532a2.57 2.57 0 0 1-2.573 2.572a2.572 2.572 0 1 1 0-5.145a2.57 2.57 0 0 1 2.573 2.573m5-4a2.57 2.57 0 0 1-2.573 2.572a2.572 2.572 0 1 1 0-5.145a2.57 2.57 0 0 1 2.573 2.573m6 1a2.57 2.57 0 0 1-2.573 2.572a2.572 2.572 0 1 1 0-5.145a2.57 2.57 0 0 1 2.573 2.573m5-4a2.57 2.57 0 0 1-2.573 2.572a2.572 2.572 0 1 1 0-5.145a2.57 2.57 0 0 1 2.573 2.573m6 1a2.57 2.57 0 0 1-2.573 2.572a2.572 2.572 0 1 1 0-5.145a2.57 2.57 0 0 1 2.573 2.573"/><path fill="#f4900c" d="M32.096 13.498C27.647 9.24 15.601 4.328 7.775 3.582a.49.49 0 0 0-.507.329S2.286 17.738 1.075 21.532C.9 22.08.99 22.79.99 22.829c0 .15.07.293.187.386a.5.5 0 0 0 .419.088l30.797-7.747a.49.49 0 0 0 .359-.389c.06-.331-.015-1.055-.656-1.669"/><path fill="#f4900c" d="M32.096 13.498C27.647 9.24 15.601 4.328 7.775 3.582a.49.49 0 0 0-.507.329S.99 21.521.99 21.829c0 .15.07.293.187.386a.5.5 0 0 0 .419.088l30.194-7.739a.49.49 0 0 0 .359-.389c.06-.331.588-.063-.053-.677"/><path fill="#ffcc4d" d="m9.65 20.239l-1.833-2.456l4.458-.527l1.436 1.942l5.584-1.431l-.922-1.232l4.218-.499l.571.772l5.571-1.456l-.029-.039l.325-.038l3.613-.944a2.15 2.15 0 0 0-.546-.832c-.612-.586-1.38-1.184-2.249-1.783l-3.569.355l-1.941-2.595l1.416-.167c-3.435-1.761-7.531-3.361-11.415-4.435l1.437 1.944l-4.348.432l-1.67-2.234l3.527-.417c-1.951-.496-3.83-.857-5.509-1.017a.49.49 0 0 0-.507.329S5.892 7.497 4.5 11.652l3.453-.24l1.709 2.311l-4.539.451l-1.022-1.339c-.721 2.154-1.568 4.362-2.15 6.124l2.124 2.709zm8.62-10.047l1.842 2.491l-4.301.428l-1.806-2.415z"/><path fill="#f4900c" d="M10.862 17.487c.807-.218 2.42-1.237 4.013-1.456c1.594-.219 3.531.617 4.108.549l2.313-.273c.516-.061 2.829-1.338 4.173-1.526s3.145.762 3.791.584c0 0 .718.203 0 .294s-2.601-.645-3.646-.472c-1.502.25-2.573 1.112-4.318 1.393c-1.052.169-1.792.307-2.421.357c-1.164.094-2.6-.779-4.069-.529s-2.275 1.243-3.945 1.404c-.989.096-.616-.158.001-.325m-4.32 2.961c1.194-.278 2.57-.742 3.108-.21L6.959 21.27l-2.884.397c-.001.001.092-.666 2.467-1.219m9.854-2.552c1.489-.356 2.464-.425 2.898-.129l-2.72 1.025l-2.864.406c.001 0 .248-.719 2.686-1.302"/><path fill="#f4900c" d="M25.708 15.583c1.082-.297 2.479-.438 2.833-.354c0 0 2.857-.741 3.991-.871c0 0-2.604.891-3.412 1.1c-.808.208-5.901 1.616-5.959 1.35s.881-.766 2.547-1.225"/><path fill="#ffcc4d" d="M1.95 18.959s-.075-1.197.758-3.359s1.2-3.017 1.392-2.765s-.559 2.999-.851 3.665s-.757 2.04-.979 2.312c-.221.273-.32.147-.32.147m2.55-7.308s.062-1.526.437-2.589S5.985 7.38 6.075 7.131s.07-1.507.32-2.09s.758-1.711 1.379-1.46s-1.395 4.315-1.636 5.127c-.242.813-1.638 2.943-1.638 2.943"/><path fill="#f4900c" d="M6.862 11.487c.807-.218 2.419-1.237 4.013-1.456s3.531.617 4.108.549l2.313-.273c.516-.061 2.829-1.338 4.173-1.526s3.145.762 3.791.584c0 0 .718.203 0 .294s-2.601-.645-3.646-.472c-1.502.25-2.573 1.113-4.318 1.393c-1.052.169-1.792.307-2.421.357c-1.164.094-2.6-.779-4.069-.529s-2.275 1.243-3.945 1.404c-.989.096-.616-.158.001-.325m1.986 6.173c-.759.09-1.809-.775-3.703-.437c-1.895.339-3.195 1.736-3.195 1.736l.122.573s-.48-.337.187-.544s1.366-1.232 2.991-1.407s2.156.388 3.25.419s.348-.34.348-.34M28 15.235l1.579.092L30 15l-.281.89l-1.313.405zM7.125 4.719c1.469-.406 2.426.322 3.489.196s1.078.167.261.335s-2.86-.545-3.706-.269s-.985 1.15-.985 1.15l.14-.874c-.001 0-.163-.272.801-.538m1.971 9.059c2.06-.33 2.204-.847 3.748-1.154c1.406-.28 2.281.383 3.071.383c1.284 0 .892-.784.46-.6c-.906.386-2.734-.712-4.531 0c-.917.363-1.339.865-2.748 1.042c-1.408.176-.738.448 0 .329m10.372-1.031c.86-.085 2.188-.882 3.5-1.095c1.312-.214 2.487.5 3.309.419s.99-.524.348-.459s-2.281-.642-3.875-.33s-2.219.969-3.282 1.125c-1.062.155-.644.404 0 .34M3.262 14.192c.715-.188 1.459.236 2.239-.056s.832-.636.114-.448s-1.551-.135-2.192.12zm5.269-7.223c1.355-.061 2.104.358 3.067.262c.962-.096.559-.341-.144-.302S9.732 6.5 8.272 6.781s-1.387.572-2.517.817l-.255.36s.51-.105 1.083-.36c.573-.254 1.2-.596 1.948-.629m7.031-.132c.887-.053 1.633-.706 2.582-.771l-.551-.19s-1.126.588-2.032.653c-.905.065-.937.364.001.308"/></svg>Cómo usar el icono Pie
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:pie" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:pie" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:pie" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--pie]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:pie"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:pie"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/twemoji/pie.svg" alt="Icono Pie" width="24" height="24">El icono Pie en otras colecciones
Preguntas frecuentes sobre Icono Pie
¿El icono Pie es gratis para uso comercial?
Sí. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Pie en React?
Instala @iconify/react y renderiza <Icon icon="twemoji:pie" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Pie a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/twemoji/pie.svg" alt="Icono Pie">, o pega el código SVG en línea para darle estilo con CSS.