doughnut emoji

doughnut from Fluent Emoji High Contrast by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.

Name
doughnut
Set
Fluent Emoji High Contrast
Style
Default
Category
Food & Drink
Viewbox
32×32
License
MIT

The same emoji in other sets

doughnutEmoji One (Colored)doughnutFluent EmojidoughnutFluent Emoji FlatdoughnutFirefox OS EmojidoughnutHuge IconsdoughnutIconParkdoughnutIconPark OutlinedoughnutIconPark SoliddoughnutIconPark TwoTonedoughnutNoto EmojidoughnutOpenMojidoughnutTwitter Emoji

More food & drink icons from Fluent Emoji High Contrast

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 32 32"><path fill="currentColor" d="M16 2C9.37 2 4 7.37 4 14v4c0 6.63 5.37 12 12 12s12-5.37 12-12v-4c0-6.63-5.37-12-12-12m10.965 16.885C26.515 24.548 21.78 29 16 29S5.485 24.548 5.035 18.885A12 12 0 0 0 16 26a12 12 0 0 0 10.965-7.115M20.5 14c0 2.21-1.79 4-4 4h-1c-2.21 0-4-1.79-4-4s1.79-4 4-4h1c2.21 0 4 1.79 4 4m-4.26-7.24c-.2-.2-.2-.54 0-.74l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.21-.54.21-.74 0m8.52 5c-.2.2-.54.2-.74 0l-.78-.78c-.2-.2-.2-.54 0-.74s.54-.2.74 0l.78.78c.21.2.21.54 0 .74M8.24 9.11l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.2-.54.2-.74 0s-.2-.54 0-.74m6 14.65c-.2-.2-.2-.54 0-.74l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.21-.54.21-.74 0m6.78-3l-.78-.78c-.2-.2-.2-.54 0-.74s.54-.2.74 0l.78.78c.21.2.21.54 0 .74c-.2.2-.54.2-.74 0m-10.26-2.91c-.2.2-.54.2-.74 0l-.78-.78c-.2-.2-.2-.54 0-.74s.54-.2.74 0l.78.78c.21.2.21.53 0 .74m1.35-10.09l-.79-.78c-.2-.2-.2-.54 0-.74s.54-.2.74 0l.78.78c.21.2.21.54.01.74s-.54.2-.74 0m-5.87 7c-.2-.2-.2-.54 0-.74l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.21-.54.21-.74 0m17 1.26l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.21-.54.21-.74 0c-.2-.2-.2-.54 0-.74m-12.22 5.74l-.78-.78c-.2-.2-.2-.54 0-.74s.54-.2.74 0l.78.78c.21.2.21.54 0 .74c-.2.2-.54.2-.74 0m10.22-13c-.2-.2-.2-.54 0-.74l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.21-.54.21-.74 0"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastDoughnut(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 2C9.37 2 4 7.37 4 14v4c0 6.63 5.37 12 12 12s12-5.37 12-12v-4c0-6.63-5.37-12-12-12m10.965 16.885C26.515 24.548 21.78 29 16 29S5.485 24.548 5.035 18.885A12 12 0 0 0 16 26a12 12 0 0 0 10.965-7.115M20.5 14c0 2.21-1.79 4-4 4h-1c-2.21 0-4-1.79-4-4s1.79-4 4-4h1c2.21 0 4 1.79 4 4m-4.26-7.24c-.2-.2-.2-.54 0-.74l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.21-.54.21-.74 0m8.52 5c-.2.2-.54.2-.74 0l-.78-.78c-.2-.2-.2-.54 0-.74s.54-.2.74 0l.78.78c.21.2.21.54 0 .74M8.24 9.11l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.2-.54.2-.74 0s-.2-.54 0-.74m6 14.65c-.2-.2-.2-.54 0-.74l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.21-.54.21-.74 0m6.78-3l-.78-.78c-.2-.2-.2-.54 0-.74s.54-.2.74 0l.78.78c.21.2.21.54 0 .74c-.2.2-.54.2-.74 0m-10.26-2.91c-.2.2-.54.2-.74 0l-.78-.78c-.2-.2-.2-.54 0-.74s.54-.2.74 0l.78.78c.21.2.21.53 0 .74m1.35-10.09l-.79-.78c-.2-.2-.2-.54 0-.74s.54-.2.74 0l.78.78c.21.2.21.54.01.74s-.54.2-.74 0m-5.87 7c-.2-.2-.2-.54 0-.74l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.21-.54.21-.74 0m17 1.26l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.21-.54.21-.74 0c-.2-.2-.2-.54 0-.74m-12.22 5.74l-.78-.78c-.2-.2-.2-.54 0-.74s.54-.2.74 0l.78.78c.21.2.21.54 0 .74c-.2.2-.54.2-.74 0m10.22-13c-.2-.2-.2-.54 0-.74l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.21-.54.21-.74 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 2C9.37 2 4 7.37 4 14v4c0 6.63 5.37 12 12 12s12-5.37 12-12v-4c0-6.63-5.37-12-12-12m10.965 16.885C26.515 24.548 21.78 29 16 29S5.485 24.548 5.035 18.885A12 12 0 0 0 16 26a12 12 0 0 0 10.965-7.115M20.5 14c0 2.21-1.79 4-4 4h-1c-2.21 0-4-1.79-4-4s1.79-4 4-4h1c2.21 0 4 1.79 4 4m-4.26-7.24c-.2-.2-.2-.54 0-.74l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.21-.54.21-.74 0m8.52 5c-.2.2-.54.2-.74 0l-.78-.78c-.2-.2-.2-.54 0-.74s.54-.2.74 0l.78.78c.21.2.21.54 0 .74M8.24 9.11l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.2-.54.2-.74 0s-.2-.54 0-.74m6 14.65c-.2-.2-.2-.54 0-.74l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.21-.54.21-.74 0m6.78-3l-.78-.78c-.2-.2-.2-.54 0-.74s.54-.2.74 0l.78.78c.21.2.21.54 0 .74c-.2.2-.54.2-.74 0m-10.26-2.91c-.2.2-.54.2-.74 0l-.78-.78c-.2-.2-.2-.54 0-.74s.54-.2.74 0l.78.78c.21.2.21.53 0 .74m1.35-10.09l-.79-.78c-.2-.2-.2-.54 0-.74s.54-.2.74 0l.78.78c.21.2.21.54.01.74s-.54.2-.74 0m-5.87 7c-.2-.2-.2-.54 0-.74l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.21-.54.21-.74 0m17 1.26l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.21-.54.21-.74 0c-.2-.2-.2-.54 0-.74m-12.22 5.74l-.78-.78c-.2-.2-.2-.54 0-.74s.54-.2.74 0l.78.78c.21.2.21.54 0 .74c-.2.2-.54.2-.74 0m10.22-13c-.2-.2-.2-.54 0-.74l.78-.78c.2-.2.54-.2.74 0s.2.54 0 .74l-.78.78c-.2.21-.54.21-.74 0"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%202C9.37%202%204%207.37%204%2014v4c0%206.63%205.37%2012%2012%2012s12-5.37%2012-12v-4c0-6.63-5.37-12-12-12m10.965%2016.885C26.515%2024.548%2021.78%2029%2016%2029S5.485%2024.548%205.035%2018.885A12%2012%200%200%200%2016%2026a12%2012%200%200%200%2010.965-7.115M20.5%2014c0%202.21-1.79%204-4%204h-1c-2.21%200-4-1.79-4-4s1.79-4%204-4h1c2.21%200%204%201.79%204%204m-4.26-7.24c-.2-.2-.2-.54%200-.74l.78-.78c.2-.2.54-.2.74%200s.2.54%200%20.74l-.78.78c-.2.21-.54.21-.74%200m8.52%205c-.2.2-.54.2-.74%200l-.78-.78c-.2-.2-.2-.54%200-.74s.54-.2.74%200l.78.78c.21.2.21.54%200%20.74M8.24%209.11l.78-.78c.2-.2.54-.2.74%200s.2.54%200%20.74l-.78.78c-.2.2-.54.2-.74%200s-.2-.54%200-.74m6%2014.65c-.2-.2-.2-.54%200-.74l.78-.78c.2-.2.54-.2.74%200s.2.54%200%20.74l-.78.78c-.2.21-.54.21-.74%200m6.78-3l-.78-.78c-.2-.2-.2-.54%200-.74s.54-.2.74%200l.78.78c.21.2.21.54%200%20.74c-.2.2-.54.2-.74%200m-10.26-2.91c-.2.2-.54.2-.74%200l-.78-.78c-.2-.2-.2-.54%200-.74s.54-.2.74%200l.78.78c.21.2.21.53%200%20.74m1.35-10.09l-.79-.78c-.2-.2-.2-.54%200-.74s.54-.2.74%200l.78.78c.21.2.21.54.01.74s-.54.2-.74%200m-5.87%207c-.2-.2-.2-.54%200-.74l.78-.78c.2-.2.54-.2.74%200s.2.54%200%20.74l-.78.78c-.2.21-.54.21-.74%200m17%201.26l.78-.78c.2-.2.54-.2.74%200s.2.54%200%20.74l-.78.78c-.2.21-.54.21-.74%200c-.2-.2-.2-.54%200-.74m-12.22%205.74l-.78-.78c-.2-.2-.2-.54%200-.74s.54-.2.74%200l.78.78c.21.2.21.54%200%20.74c-.2.2-.54.2-.74%200m10.22-13c-.2-.2-.2-.54%200-.74l.78-.78c.2-.2.54-.2.74%200s.2.54%200%20.74l-.78.78c-.2.21-.54.21-.74%200%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%202C9.37%202%204%207.37%204%2014v4c0%206.63%205.37%2012%2012%2012s12-5.37%2012-12v-4c0-6.63-5.37-12-12-12m10.965%2016.885C26.515%2024.548%2021.78%2029%2016%2029S5.485%2024.548%205.035%2018.885A12%2012%200%200%200%2016%2026a12%2012%200%200%200%2010.965-7.115M20.5%2014c0%202.21-1.79%204-4%204h-1c-2.21%200-4-1.79-4-4s1.79-4%204-4h1c2.21%200%204%201.79%204%204m-4.26-7.24c-.2-.2-.2-.54%200-.74l.78-.78c.2-.2.54-.2.74%200s.2.54%200%20.74l-.78.78c-.2.21-.54.21-.74%200m8.52%205c-.2.2-.54.2-.74%200l-.78-.78c-.2-.2-.2-.54%200-.74s.54-.2.74%200l.78.78c.21.2.21.54%200%20.74M8.24%209.11l.78-.78c.2-.2.54-.2.74%200s.2.54%200%20.74l-.78.78c-.2.2-.54.2-.74%200s-.2-.54%200-.74m6%2014.65c-.2-.2-.2-.54%200-.74l.78-.78c.2-.2.54-.2.74%200s.2.54%200%20.74l-.78.78c-.2.21-.54.21-.74%200m6.78-3l-.78-.78c-.2-.2-.2-.54%200-.74s.54-.2.74%200l.78.78c.21.2.21.54%200%20.74c-.2.2-.54.2-.74%200m-10.26-2.91c-.2.2-.54.2-.74%200l-.78-.78c-.2-.2-.2-.54%200-.74s.54-.2.74%200l.78.78c.21.2.21.53%200%20.74m1.35-10.09l-.79-.78c-.2-.2-.2-.54%200-.74s.54-.2.74%200l.78.78c.21.2.21.54.01.74s-.54.2-.74%200m-5.87%207c-.2-.2-.2-.54%200-.74l.78-.78c.2-.2.54-.2.74%200s.2.54%200%20.74l-.78.78c-.2.21-.54.21-.74%200m17%201.26l.78-.78c.2-.2.54-.2.74%200s.2.54%200%20.74l-.78.78c-.2.21-.54.21-.74%200c-.2-.2-.2-.54%200-.74m-12.22%205.74l-.78-.78c-.2-.2-.2-.54%200-.74s.54-.2.74%200l.78.78c.21.2.21.54%200%20.74c-.2.2-.54.2-.74%200m10.22-13c-.2-.2-.2-.54%200-.74l.78-.78c.2-.2.54-.2.74%200s.2.54%200%20.74l-.78.78c-.2.21-.54.21-.74%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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