Icono Doughnut

twemoji:doughnut

El icono Doughnut (twemoji:doughnut) 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: Twitter
Licencia: CC-BY-4.0
Tamaño: 36 × 36
Categoría: Comida y bebida

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffac33" d="M35.337 23.549C34.291 29.819 27.615 34 18.092 34S1.894 29.819.849 23.549c-.247-1.479.156-8.12 1.054-9.406c2.559-3.664 3.474 10.365 16.189 10.365c13.847 0 13.64-14.028 16.199-10.365c.898 1.286 1.292 7.927 1.046 9.406"/><path fill="#8a4b38" d="M18.092 5.995c-9.331 0-16.895 4.584-16.895 10.239s7.564 10.24 16.895 10.24s16.895-4.585 16.895-10.24S27.422 5.995 18.092 5.995m0 13.374c-3.174 0-5.748-.702-5.748-1.568s2.574-1.567 5.748-1.567c3.173 0 5.747.701 5.747 1.567c.001.866-2.573 1.568-5.747 1.568"/><path fill="#8a4b38" d="M1.72 14.623c-.653 1.045-.92 5.494.479 7.577c2.134 3.18 3.179 1.567 4.747 2.047c2.335.715 2.508 2.56 4.354 3.483c2.09 1.045 3.306.741 6.27 0c4.181-1.045 6.837 1.088 9.405 0c2.107-.893 3.312-4.137 4.486-4.528c3.728-1.242 4.515-7.124 1.741-9.537c-.87 1.829-5.138 8.404-7.881 8.71c-2.744.305-10.974 1-14.457-.784s-7.01-4.006-7.446-4.616c-.436-.611-1.698-2.352-1.698-2.352"/><path fill="#f4900c" d="M18.092 13.882c-3.752 0-6.793 1.228-6.793 2.743c0 .589.463 1.133 1.245 1.58c-.126-.129-.2-.264-.2-.404c0-.866 2.574-1.567 5.748-1.567c3.173 0 5.747.701 5.747 1.567c0 .14-.073.274-.2.404c.782-.447 1.246-.991 1.246-1.58c.001-1.515-3.041-2.743-6.793-2.743"/><path fill="#f4abba" d="M4.42 18.15a1.044 1.044 0 0 1-.489-1.969l2.308-1.22a1.043 1.043 0 0 1 1.412.436c.27.51.075 1.143-.436 1.412l-2.308 1.22a1.05 1.05 0 0 1-.487.121m11.887 7.794c-.41 0-.799-.242-.966-.646l-.74-1.786a1.045 1.045 0 1 1 1.93-.799l.74 1.786a1.044 1.044 0 0 1-.964 1.445"/><path fill="#55acee" d="M28.151 21.764a1.044 1.044 0 0 1-.898-1.577l1.132-1.916a1.045 1.045 0 0 1 1.799 1.064l-1.132 1.915c-.195.33-.543.514-.901.514"/><path fill="#f4abba" d="M29.893 14c-.56 0-1.023-.481-1.043-1.046a1.06 1.06 0 0 1 1.007-1.1l1.218-.052c.587-.007 1.062.426 1.081 1.003c.021.577-.431 1.096-1.007 1.116L29.931 14zM19.792 9.876a1.046 1.046 0 0 1-.316-2.042l.826-.261a1.045 1.045 0 0 1 .631 1.994l-.826.261a1 1 0 0 1-.315.048"/><path fill="#88c9f9" d="M13.998 11.574c-.157 0-.316-.036-.466-.11l-.784-.392a1.046 1.046 0 0 1 .934-1.87l.784.392a1.046 1.046 0 0 1-.468 1.98m9.102 13.28a1.05 1.05 0 0 1-.465-.109l-.784-.391a1.045 1.045 0 0 1 .931-1.871l.784.391a1.045 1.045 0 0 1-.466 1.98"/><path fill="#55acee" d="M9.426 22.548q-.208.002-.412-.085a1.045 1.045 0 0 1-.548-1.372l.392-.914a1.044 1.044 0 1 1 1.921.824l-.392.914c-.17.395-.555.633-.961.633m15.592-9.885a1.044 1.044 0 0 1-.42-2.003l.696-.305c.53-.232 1.146.01 1.376.538a1.047 1.047 0 0 1-.538 1.377l-.696.305a1 1 0 0 1-.418.088M8.035 12.62q-.118 0-.235-.027l-.566-.13a1.046 1.046 0 0 1 .469-2.037l.566.13a1.046 1.046 0 0 1-.234 2.064"/></svg>

Cómo usar el icono Doughnut

React

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

<Icon icon="twemoji:doughnut" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:doughnut" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:doughnut" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--doughnut]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:doughnut"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="twemoji:doughnut"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/twemoji/doughnut.svg" alt="Icono Doughnut" width="24" height="24">

El icono Doughnut en otras colecciones

Preguntas frecuentes sobre Icono Doughnut

¿El icono Doughnut 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 Doughnut en React?

Instala @iconify/react y renderiza <Icon icon="twemoji:doughnut" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Doughnut a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/twemoji/doughnut.svg" alt="Icono Doughnut">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Twitter Emoji →