doughnut emoji

doughnut from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.

Name
doughnut
Set
Twitter Emoji
Style
Default
Category
Food & Drink
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

doughnutEmoji One (Colored)doughnutFluent EmojidoughnutFluent Emoji FlatdoughnutFluent Emoji High ContrastdoughnutFirefox OS EmojidoughnutHuge IconsdoughnutIconParkdoughnutIconPark OutlinedoughnutIconPark SoliddoughnutIconPark TwoTonedoughnutNoto EmojidoughnutOpenMoji

More food & drink icons from Twitter Emoji

amphoraavocadobaby-bottlebaconbagelbaguette-breadbananabeansbeer-mugbell-pepperbento-boxbeverage-boxbirthday-cakeblueberriesbottle-with-popping-corkbowl-with-spoonbreadbroccolibrown-mushroombubble-teaburritobuttercandycanned-food

Use the doughnut emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function TwemojiDoughnut(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-doughnut {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M35.337%2023.549C34.291%2029.819%2027.615%2034%2018.092%2034S1.894%2029.819.849%2023.549c-.247-1.479.156-8.12%201.054-9.406c2.559-3.664%203.474%2010.365%2016.189%2010.365c13.847%200%2013.64-14.028%2016.199-10.365c.898%201.286%201.292%207.927%201.046%209.406%22%2F%3E%3Cpath%20fill%3D%22%238a4b38%22%20d%3D%22M18.092%205.995c-9.331%200-16.895%204.584-16.895%2010.239s7.564%2010.24%2016.895%2010.24s16.895-4.585%2016.895-10.24S27.422%205.995%2018.092%205.995m0%2013.374c-3.174%200-5.748-.702-5.748-1.568s2.574-1.567%205.748-1.567c3.173%200%205.747.701%205.747%201.567c.001.866-2.573%201.568-5.747%201.568%22%2F%3E%3Cpath%20fill%3D%22%238a4b38%22%20d%3D%22M1.72%2014.623c-.653%201.045-.92%205.494.479%207.577c2.134%203.18%203.179%201.567%204.747%202.047c2.335.715%202.508%202.56%204.354%203.483c2.09%201.045%203.306.741%206.27%200c4.181-1.045%206.837%201.088%209.405%200c2.107-.893%203.312-4.137%204.486-4.528c3.728-1.242%204.515-7.124%201.741-9.537c-.87%201.829-5.138%208.404-7.881%208.71c-2.744.305-10.974%201-14.457-.784s-7.01-4.006-7.446-4.616c-.436-.611-1.698-2.352-1.698-2.352%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M18.092%2013.882c-3.752%200-6.793%201.228-6.793%202.743c0%20.589.463%201.133%201.245%201.58c-.126-.129-.2-.264-.2-.404c0-.866%202.574-1.567%205.748-1.567c3.173%200%205.747.701%205.747%201.567c0%20.14-.073.274-.2.404c.782-.447%201.246-.991%201.246-1.58c.001-1.515-3.041-2.743-6.793-2.743%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M4.42%2018.15a1.044%201.044%200%200%201-.489-1.969l2.308-1.22a1.043%201.043%200%200%201%201.412.436c.27.51.075%201.143-.436%201.412l-2.308%201.22a1.05%201.05%200%200%201-.487.121m11.887%207.794c-.41%200-.799-.242-.966-.646l-.74-1.786a1.045%201.045%200%201%201%201.93-.799l.74%201.786a1.044%201.044%200%200%201-.964%201.445%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M28.151%2021.764a1.044%201.044%200%200%201-.898-1.577l1.132-1.916a1.045%201.045%200%200%201%201.799%201.064l-1.132%201.915c-.195.33-.543.514-.901.514%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M29.893%2014c-.56%200-1.023-.481-1.043-1.046a1.06%201.06%200%200%201%201.007-1.1l1.218-.052c.587-.007%201.062.426%201.081%201.003c.021.577-.431%201.096-1.007%201.116L29.931%2014zM19.792%209.876a1.046%201.046%200%200%201-.316-2.042l.826-.261a1.045%201.045%200%200%201%20.631%201.994l-.826.261a1%201%200%200%201-.315.048%22%2F%3E%3Cpath%20fill%3D%22%2388c9f9%22%20d%3D%22M13.998%2011.574c-.157%200-.316-.036-.466-.11l-.784-.392a1.046%201.046%200%200%201%20.934-1.87l.784.392a1.046%201.046%200%200%201-.468%201.98m9.102%2013.28a1.05%201.05%200%200%201-.465-.109l-.784-.391a1.045%201.045%200%200%201%20.931-1.871l.784.391a1.045%201.045%200%200%201-.466%201.98%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M9.426%2022.548q-.208.002-.412-.085a1.045%201.045%200%200%201-.548-1.372l.392-.914a1.044%201.044%200%201%201%201.921.824l-.392.914c-.17.395-.555.633-.961.633m15.592-9.885a1.044%201.044%200%200%201-.42-2.003l.696-.305c.53-.232%201.146.01%201.376.538a1.047%201.047%200%200%201-.538%201.377l-.696.305a1%201%200%200%201-.418.088M8.035%2012.62q-.118%200-.235-.027l-.566-.13a1.046%201.046%200%200%201%20.469-2.037l.566.13a1.046%201.046%200%200%201-.234%202.064%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M35.337%2023.549C34.291%2029.819%2027.615%2034%2018.092%2034S1.894%2029.819.849%2023.549c-.247-1.479.156-8.12%201.054-9.406c2.559-3.664%203.474%2010.365%2016.189%2010.365c13.847%200%2013.64-14.028%2016.199-10.365c.898%201.286%201.292%207.927%201.046%209.406%22%2F%3E%3Cpath%20fill%3D%22%238a4b38%22%20d%3D%22M18.092%205.995c-9.331%200-16.895%204.584-16.895%2010.239s7.564%2010.24%2016.895%2010.24s16.895-4.585%2016.895-10.24S27.422%205.995%2018.092%205.995m0%2013.374c-3.174%200-5.748-.702-5.748-1.568s2.574-1.567%205.748-1.567c3.173%200%205.747.701%205.747%201.567c.001.866-2.573%201.568-5.747%201.568%22%2F%3E%3Cpath%20fill%3D%22%238a4b38%22%20d%3D%22M1.72%2014.623c-.653%201.045-.92%205.494.479%207.577c2.134%203.18%203.179%201.567%204.747%202.047c2.335.715%202.508%202.56%204.354%203.483c2.09%201.045%203.306.741%206.27%200c4.181-1.045%206.837%201.088%209.405%200c2.107-.893%203.312-4.137%204.486-4.528c3.728-1.242%204.515-7.124%201.741-9.537c-.87%201.829-5.138%208.404-7.881%208.71c-2.744.305-10.974%201-14.457-.784s-7.01-4.006-7.446-4.616c-.436-.611-1.698-2.352-1.698-2.352%22%2F%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M18.092%2013.882c-3.752%200-6.793%201.228-6.793%202.743c0%20.589.463%201.133%201.245%201.58c-.126-.129-.2-.264-.2-.404c0-.866%202.574-1.567%205.748-1.567c3.173%200%205.747.701%205.747%201.567c0%20.14-.073.274-.2.404c.782-.447%201.246-.991%201.246-1.58c.001-1.515-3.041-2.743-6.793-2.743%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M4.42%2018.15a1.044%201.044%200%200%201-.489-1.969l2.308-1.22a1.043%201.043%200%200%201%201.412.436c.27.51.075%201.143-.436%201.412l-2.308%201.22a1.05%201.05%200%200%201-.487.121m11.887%207.794c-.41%200-.799-.242-.966-.646l-.74-1.786a1.045%201.045%200%201%201%201.93-.799l.74%201.786a1.044%201.044%200%200%201-.964%201.445%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M28.151%2021.764a1.044%201.044%200%200%201-.898-1.577l1.132-1.916a1.045%201.045%200%200%201%201.799%201.064l-1.132%201.915c-.195.33-.543.514-.901.514%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M29.893%2014c-.56%200-1.023-.481-1.043-1.046a1.06%201.06%200%200%201%201.007-1.1l1.218-.052c.587-.007%201.062.426%201.081%201.003c.021.577-.431%201.096-1.007%201.116L29.931%2014zM19.792%209.876a1.046%201.046%200%200%201-.316-2.042l.826-.261a1.045%201.045%200%200%201%20.631%201.994l-.826.261a1%201%200%200%201-.315.048%22%2F%3E%3Cpath%20fill%3D%22%2388c9f9%22%20d%3D%22M13.998%2011.574c-.157%200-.316-.036-.466-.11l-.784-.392a1.046%201.046%200%200%201%20.934-1.87l.784.392a1.046%201.046%200%200%201-.468%201.98m9.102%2013.28a1.05%201.05%200%200%201-.465-.109l-.784-.391a1.045%201.045%200%200%201%20.931-1.871l.784.391a1.045%201.045%200%200%201-.466%201.98%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M9.426%2022.548q-.208.002-.412-.085a1.045%201.045%200%200%201-.548-1.372l.392-.914a1.044%201.044%200%201%201%201.921.824l-.392.914c-.17.395-.555.633-.961.633m15.592-9.885a1.044%201.044%200%200%201-.42-2.003l.696-.305c.53-.232%201.146.01%201.376.538a1.047%201.047%200%200%201-.538%201.377l-.696.305a1%201%200%200%201-.418.088M8.035%2012.62q-.118%200-.235-.027l-.566-.13a1.046%201.046%200%200%201%20.469-2.037l.566.13a1.046%201.046%200%200%201-.234%202.064%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/doughnut.svg?color=%231a73e8&size=48