doughnut emoji

doughnut from Emoji One (Colored) by Emoji One · Default · Food · CC-BY-4.0 Attribution required.

Name: doughnut
Set: Emoji One (Colored)
Style: Default
Category: Food
Viewbox: 64×64
License: CC BY 4.0

The same emoji in other sets

doughnutFluent Emoji doughnutFluent Emoji Flat doughnutFluent Emoji High Contrast doughnutFirefox OS Emoji doughnutHuge Icons doughnutIconPark doughnutIconPark Outline doughnutIconPark Solid doughnutIconPark TwoTone doughnutNoto Emoji doughnutOpenMoji doughnutTwitter Emoji

More food icons from Emoji One (Colored)

Use the doughnut emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffd170" d="M2 33.3C2 46.4 15.4 57 32 57s30-10.6 30-23.7S48.6 9.6 32 9.6S2 20.2 2 33.3m18.9 2.2c0-3.8 5-6.9 11.1-6.9s11.1 3.1 11.1 6.9s-5 6.9-11.1 6.9s-11.1-3.1-11.1-6.9"/><path fill="#ff4085" d="M2 26.9c0 1.9.2 3.7.7 5.4c.6 2.3 1 6.2 2.3 8.1c.7.9 2.2-.3 3.4-.3c2.2 0 2.6 4.9 5.3 4.9c4 0 2.1 3.3 7.6 3.3c2.9 0 4.2-2.7 5.7-2.7c3.8 0 3.6 5.1 7.3 5.1c3.8 0 3.6-6 7.1-6c3.4 0 4.1 3.1 6.7 3.1c2.8 0 2.1-9.2 5.2-9.2c3.6 0 5.6-1.4 6.4-2.7c1.5-2.6 2.3-5.6 2.3-8.9C62 16.4 48.6 7 32 7S2 16.4 2 26.9m18.9.3c0-1.2 1.3-2.1 2.2-3.1c.7-.7 1.2-2.6 2.2-3.2c1.9-1 3.6 2.5 6.3 2.5c1.4 0 4.3-2.4 5.5-2.2c2 .5 1.2 1.8 2.4 2.9c1.3 1.1 3.5 1.6 3.5 3.1c0 3.8-2.4 6.9-11.1 6.9c-8.5 0-11-3.1-11-6.9"/><path fill="#63b6e6" d="m40.5 38.9l-5.8 3c-.9.5-1.8-1.1-.8-1.5l5.8-3c.9-.6 1.7 1 .8 1.5m10.8-19.1l-6.1-2.1c-1-.3-.4-2 .6-1.7l6.2 2.1c.9.4.3 2-.7 1.7"/><path fill="#9729cc" d="m17.5 33.1l-6.2 2.1c-1 .3-1.6-1.3-.6-1.7l6.2-2.1c1-.3 1.6 1.4.6 1.7m11.4-17.5l-6-2.4c-1-.4-.3-2 .6-1.6l6 2.4c1 .4.4 2-.6 1.6"/><path fill="#fff" d="M12.6 26.9L6.8 24c-.9-.5-.2-2 .8-1.6l5.8 2.9c.9.5.2 2.1-.8 1.6M57 24.8l-6.2 2.1c-1 .3-1.6-1.3-.6-1.7l6.2-2.1c1.1-.3 1.6 1.3.6 1.7"/><path fill="#fff080" d="m25.4 40.4l-6.5.3c-1 0-1.1-1.7-.1-1.8l6.5-.3c1.1 0 1.2 1.8.1 1.8m17.4-28.5l-6.3 1.8c-1 .3-1.5-1.4-.5-1.7l6.3-1.8c1-.2 1.5 1.4.5 1.7"/><path fill="#84e060" d="m46.6 32.8l6.5.3c1 0 1 1.8-.1 1.8l-6.5-.3c-1.1-.1-1-1.8.1-1.8m-28-15.5L12.3 19c-1 .3-1.5-1.4-.4-1.7l6.3-1.7c1-.2 1.4 1.4.4 1.7"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneDoughnut(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffd170" d="M2 33.3C2 46.4 15.4 57 32 57s30-10.6 30-23.7S48.6 9.6 32 9.6S2 20.2 2 33.3m18.9 2.2c0-3.8 5-6.9 11.1-6.9s11.1 3.1 11.1 6.9s-5 6.9-11.1 6.9s-11.1-3.1-11.1-6.9"/><path fill="#ff4085" d="M2 26.9c0 1.9.2 3.7.7 5.4c.6 2.3 1 6.2 2.3 8.1c.7.9 2.2-.3 3.4-.3c2.2 0 2.6 4.9 5.3 4.9c4 0 2.1 3.3 7.6 3.3c2.9 0 4.2-2.7 5.7-2.7c3.8 0 3.6 5.1 7.3 5.1c3.8 0 3.6-6 7.1-6c3.4 0 4.1 3.1 6.7 3.1c2.8 0 2.1-9.2 5.2-9.2c3.6 0 5.6-1.4 6.4-2.7c1.5-2.6 2.3-5.6 2.3-8.9C62 16.4 48.6 7 32 7S2 16.4 2 26.9m18.9.3c0-1.2 1.3-2.1 2.2-3.1c.7-.7 1.2-2.6 2.2-3.2c1.9-1 3.6 2.5 6.3 2.5c1.4 0 4.3-2.4 5.5-2.2c2 .5 1.2 1.8 2.4 2.9c1.3 1.1 3.5 1.6 3.5 3.1c0 3.8-2.4 6.9-11.1 6.9c-8.5 0-11-3.1-11-6.9"/><path fill="#63b6e6" d="m40.5 38.9l-5.8 3c-.9.5-1.8-1.1-.8-1.5l5.8-3c.9-.6 1.7 1 .8 1.5m10.8-19.1l-6.1-2.1c-1-.3-.4-2 .6-1.7l6.2 2.1c.9.4.3 2-.7 1.7"/><path fill="#9729cc" d="m17.5 33.1l-6.2 2.1c-1 .3-1.6-1.3-.6-1.7l6.2-2.1c1-.3 1.6 1.4.6 1.7m11.4-17.5l-6-2.4c-1-.4-.3-2 .6-1.6l6 2.4c1 .4.4 2-.6 1.6"/><path fill="#fff" d="M12.6 26.9L6.8 24c-.9-.5-.2-2 .8-1.6l5.8 2.9c.9.5.2 2.1-.8 1.6M57 24.8l-6.2 2.1c-1 .3-1.6-1.3-.6-1.7l6.2-2.1c1.1-.3 1.6 1.3.6 1.7"/><path fill="#fff080" d="m25.4 40.4l-6.5.3c-1 0-1.1-1.7-.1-1.8l6.5-.3c1.1 0 1.2 1.8.1 1.8m17.4-28.5l-6.3 1.8c-1 .3-1.5-1.4-.5-1.7l6.3-1.8c1-.2 1.5 1.4.5 1.7"/><path fill="#84e060" d="m46.6 32.8l6.5.3c1 0 1 1.8-.1 1.8l-6.5-.3c-1.1-.1-1-1.8.1-1.8m-28-15.5L12.3 19c-1 .3-1.5-1.4-.4-1.7l6.3-1.7c1-.2 1.4 1.4.4 1.7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffd170" d="M2 33.3C2 46.4 15.4 57 32 57s30-10.6 30-23.7S48.6 9.6 32 9.6S2 20.2 2 33.3m18.9 2.2c0-3.8 5-6.9 11.1-6.9s11.1 3.1 11.1 6.9s-5 6.9-11.1 6.9s-11.1-3.1-11.1-6.9"/><path fill="#ff4085" d="M2 26.9c0 1.9.2 3.7.7 5.4c.6 2.3 1 6.2 2.3 8.1c.7.9 2.2-.3 3.4-.3c2.2 0 2.6 4.9 5.3 4.9c4 0 2.1 3.3 7.6 3.3c2.9 0 4.2-2.7 5.7-2.7c3.8 0 3.6 5.1 7.3 5.1c3.8 0 3.6-6 7.1-6c3.4 0 4.1 3.1 6.7 3.1c2.8 0 2.1-9.2 5.2-9.2c3.6 0 5.6-1.4 6.4-2.7c1.5-2.6 2.3-5.6 2.3-8.9C62 16.4 48.6 7 32 7S2 16.4 2 26.9m18.9.3c0-1.2 1.3-2.1 2.2-3.1c.7-.7 1.2-2.6 2.2-3.2c1.9-1 3.6 2.5 6.3 2.5c1.4 0 4.3-2.4 5.5-2.2c2 .5 1.2 1.8 2.4 2.9c1.3 1.1 3.5 1.6 3.5 3.1c0 3.8-2.4 6.9-11.1 6.9c-8.5 0-11-3.1-11-6.9"/><path fill="#63b6e6" d="m40.5 38.9l-5.8 3c-.9.5-1.8-1.1-.8-1.5l5.8-3c.9-.6 1.7 1 .8 1.5m10.8-19.1l-6.1-2.1c-1-.3-.4-2 .6-1.7l6.2 2.1c.9.4.3 2-.7 1.7"/><path fill="#9729cc" d="m17.5 33.1l-6.2 2.1c-1 .3-1.6-1.3-.6-1.7l6.2-2.1c1-.3 1.6 1.4.6 1.7m11.4-17.5l-6-2.4c-1-.4-.3-2 .6-1.6l6 2.4c1 .4.4 2-.6 1.6"/><path fill="#fff" d="M12.6 26.9L6.8 24c-.9-.5-.2-2 .8-1.6l5.8 2.9c.9.5.2 2.1-.8 1.6M57 24.8l-6.2 2.1c-1 .3-1.6-1.3-.6-1.7l6.2-2.1c1.1-.3 1.6 1.3.6 1.7"/><path fill="#fff080" d="m25.4 40.4l-6.5.3c-1 0-1.1-1.7-.1-1.8l6.5-.3c1.1 0 1.2 1.8.1 1.8m17.4-28.5l-6.3 1.8c-1 .3-1.5-1.4-.5-1.7l6.3-1.8c1-.2 1.5 1.4.5 1.7"/><path fill="#84e060" d="m46.6 32.8l6.5.3c1 0 1 1.8-.1 1.8l-6.5-.3c-1.1-.1-1-1.8.1-1.8m-28-15.5L12.3 19c-1 .3-1.5-1.4-.4-1.7l6.3-1.7c1-.2 1.4 1.4.4 1.7"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ffd170%22%20d%3D%22M2%2033.3C2%2046.4%2015.4%2057%2032%2057s30-10.6%2030-23.7S48.6%209.6%2032%209.6S2%2020.2%202%2033.3m18.9%202.2c0-3.8%205-6.9%2011.1-6.9s11.1%203.1%2011.1%206.9s-5%206.9-11.1%206.9s-11.1-3.1-11.1-6.9%22%2F%3E%3Cpath%20fill%3D%22%23ff4085%22%20d%3D%22M2%2026.9c0%201.9.2%203.7.7%205.4c.6%202.3%201%206.2%202.3%208.1c.7.9%202.2-.3%203.4-.3c2.2%200%202.6%204.9%205.3%204.9c4%200%202.1%203.3%207.6%203.3c2.9%200%204.2-2.7%205.7-2.7c3.8%200%203.6%205.1%207.3%205.1c3.8%200%203.6-6%207.1-6c3.4%200%204.1%203.1%206.7%203.1c2.8%200%202.1-9.2%205.2-9.2c3.6%200%205.6-1.4%206.4-2.7c1.5-2.6%202.3-5.6%202.3-8.9C62%2016.4%2048.6%207%2032%207S2%2016.4%202%2026.9m18.9.3c0-1.2%201.3-2.1%202.2-3.1c.7-.7%201.2-2.6%202.2-3.2c1.9-1%203.6%202.5%206.3%202.5c1.4%200%204.3-2.4%205.5-2.2c2%20.5%201.2%201.8%202.4%202.9c1.3%201.1%203.5%201.6%203.5%203.1c0%203.8-2.4%206.9-11.1%206.9c-8.5%200-11-3.1-11-6.9%22%2F%3E%3Cpath%20fill%3D%22%2363b6e6%22%20d%3D%22m40.5%2038.9l-5.8%203c-.9.5-1.8-1.1-.8-1.5l5.8-3c.9-.6%201.7%201%20.8%201.5m10.8-19.1l-6.1-2.1c-1-.3-.4-2%20.6-1.7l6.2%202.1c.9.4.3%202-.7%201.7%22%2F%3E%3Cpath%20fill%3D%22%239729cc%22%20d%3D%22m17.5%2033.1l-6.2%202.1c-1%20.3-1.6-1.3-.6-1.7l6.2-2.1c1-.3%201.6%201.4.6%201.7m11.4-17.5l-6-2.4c-1-.4-.3-2%20.6-1.6l6%202.4c1%20.4.4%202-.6%201.6%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.6%2026.9L6.8%2024c-.9-.5-.2-2%20.8-1.6l5.8%202.9c.9.5.2%202.1-.8%201.6M57%2024.8l-6.2%202.1c-1%20.3-1.6-1.3-.6-1.7l6.2-2.1c1.1-.3%201.6%201.3.6%201.7%22%2F%3E%3Cpath%20fill%3D%22%23fff080%22%20d%3D%22m25.4%2040.4l-6.5.3c-1%200-1.1-1.7-.1-1.8l6.5-.3c1.1%200%201.2%201.8.1%201.8m17.4-28.5l-6.3%201.8c-1%20.3-1.5-1.4-.5-1.7l6.3-1.8c1-.2%201.5%201.4.5%201.7%22%2F%3E%3Cpath%20fill%3D%22%2384e060%22%20d%3D%22m46.6%2032.8l6.5.3c1%200%201%201.8-.1%201.8l-6.5-.3c-1.1-.1-1-1.8.1-1.8m-28-15.5L12.3%2019c-1%20.3-1.5-1.4-.4-1.7l6.3-1.7c1-.2%201.4%201.4.4%201.7%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ffd170%22%20d%3D%22M2%2033.3C2%2046.4%2015.4%2057%2032%2057s30-10.6%2030-23.7S48.6%209.6%2032%209.6S2%2020.2%202%2033.3m18.9%202.2c0-3.8%205-6.9%2011.1-6.9s11.1%203.1%2011.1%206.9s-5%206.9-11.1%206.9s-11.1-3.1-11.1-6.9%22%2F%3E%3Cpath%20fill%3D%22%23ff4085%22%20d%3D%22M2%2026.9c0%201.9.2%203.7.7%205.4c.6%202.3%201%206.2%202.3%208.1c.7.9%202.2-.3%203.4-.3c2.2%200%202.6%204.9%205.3%204.9c4%200%202.1%203.3%207.6%203.3c2.9%200%204.2-2.7%205.7-2.7c3.8%200%203.6%205.1%207.3%205.1c3.8%200%203.6-6%207.1-6c3.4%200%204.1%203.1%206.7%203.1c2.8%200%202.1-9.2%205.2-9.2c3.6%200%205.6-1.4%206.4-2.7c1.5-2.6%202.3-5.6%202.3-8.9C62%2016.4%2048.6%207%2032%207S2%2016.4%202%2026.9m18.9.3c0-1.2%201.3-2.1%202.2-3.1c.7-.7%201.2-2.6%202.2-3.2c1.9-1%203.6%202.5%206.3%202.5c1.4%200%204.3-2.4%205.5-2.2c2%20.5%201.2%201.8%202.4%202.9c1.3%201.1%203.5%201.6%203.5%203.1c0%203.8-2.4%206.9-11.1%206.9c-8.5%200-11-3.1-11-6.9%22%2F%3E%3Cpath%20fill%3D%22%2363b6e6%22%20d%3D%22m40.5%2038.9l-5.8%203c-.9.5-1.8-1.1-.8-1.5l5.8-3c.9-.6%201.7%201%20.8%201.5m10.8-19.1l-6.1-2.1c-1-.3-.4-2%20.6-1.7l6.2%202.1c.9.4.3%202-.7%201.7%22%2F%3E%3Cpath%20fill%3D%22%239729cc%22%20d%3D%22m17.5%2033.1l-6.2%202.1c-1%20.3-1.6-1.3-.6-1.7l6.2-2.1c1-.3%201.6%201.4.6%201.7m11.4-17.5l-6-2.4c-1-.4-.3-2%20.6-1.6l6%202.4c1%20.4.4%202-.6%201.6%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.6%2026.9L6.8%2024c-.9-.5-.2-2%20.8-1.6l5.8%202.9c.9.5.2%202.1-.8%201.6M57%2024.8l-6.2%202.1c-1%20.3-1.6-1.3-.6-1.7l6.2-2.1c1.1-.3%201.6%201.3.6%201.7%22%2F%3E%3Cpath%20fill%3D%22%23fff080%22%20d%3D%22m25.4%2040.4l-6.5.3c-1%200-1.1-1.7-.1-1.8l6.5-.3c1.1%200%201.2%201.8.1%201.8m17.4-28.5l-6.3%201.8c-1%20.3-1.5-1.4-.5-1.7l6.3-1.8c1-.2%201.5%201.4.5%201.7%22%2F%3E%3Cpath%20fill%3D%22%2384e060%22%20d%3D%22m46.6%2032.8l6.5.3c1%200%201%201.8-.1%201.8l-6.5-.3c-1.1-.1-1-1.8.1-1.8m-28-15.5L12.3%2019c-1%20.3-1.5-1.4-.4-1.7l6.3-1.7c1-.2%201.4%201.4.4%201.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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