Doughnut icon

twemoji:doughnut

The Doughnut icon (twemoji:doughnut) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Twitter Emoji
Author: Twitter
License: CC-BY-4.0
Size: 36 × 36
Category: Food & Drink

Download SVG

SVG code

<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>

How to use the Doughnut icon

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>

HTML image

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

Doughnut icon in other icon sets

Doughnut icon FAQ

Is the Doughnut icon free for commercial use?

Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Doughnut icon in React?

Install @iconify/react and render <Icon icon="twemoji:doughnut" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Doughnut icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/doughnut.svg" alt="Doughnut icon">, or paste the SVG code inline to style it with CSS.

Browse all Twitter Emoji icons →