doughnut emoji
doughnut from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.
- Name
- doughnut
- Set
- OpenMoji
- Style
- Default
- Category
- Food Drink
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More food drink icons from OpenMoji
Use the doughnut emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M36 7C19.983 7 7 19.984 7 36s12.983 29 29 29s29-12.984 29-29S52.017 7 36 7m0 39c-5.522 0-10-4.477-10-10s4.478-10 10-10s10 4.478 10 10s-4.477 10-10 10"/><path fill="none" d="M36 46c5.523 0 10-4.477 10-10s-4.477-10-10-10s-10 4.478-10 10a9.96 9.96 0 0 0 2.865 7h.479h-.479A9.96 9.96 0 0 0 36 46"/><path fill="none" d="M46 36c0-5.522-4.477-10-10-10s-10 4.478-10 10a9.96 9.96 0 0 0 2.865 7A9.96 9.96 0 0 0 36 46c5.523 0 10-4.477 10-10"/><path fill="#f1b31c" d="M36 7C19.983 7 7 19.984 7 36c0 1.706.156 3.375.439 5H10a5 5 0 0 1 5 5a5 5 0 0 0 10 0a3 3 0 0 1 3-3h.865A9.96 9.96 0 0 1 26 36c0-5.522 4.478-10 10-10s10 4.478 10 10s-4.477 10-10 10a5 5 0 0 1 5 5a5 5 0 0 0 10 0a3 3 0 0 1 6 0c0 1.222.842 2.321 1.895 2.79A28.87 28.87 0 0 0 65 36C65 19.984 52.017 7 36 7"/><circle cx="14" cy="31" r="2" fill="#fff"/><circle cx="20" cy="39" r="2" fill="#fff"/><circle cx="52" cy="40" r="2" fill="#fff"/><circle cx="58" cy="32" r="2" fill="#fff"/><circle cx="50" cy="25" r="2" fill="#fff"/><circle cx="42" cy="14" r="2" fill="#fff"/><circle cx="33" cy="20" r="2" fill="#fff"/><circle cx="21" cy="20" r="2" fill="#fff"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><circle cx="14" cy="31" r="2"/><circle cx="20" cy="39" r="2"/><circle cx="52" cy="40" r="2"/><circle cx="58" cy="32" r="2"/><circle cx="50" cy="25" r="2"/><circle cx="42" cy="14" r="2"/><circle cx="33" cy="20" r="2"/><circle cx="21" cy="20" r="2"/><circle cx="36" cy="36" r="29"/><circle cx="36" cy="36" r="10"/><path d="M8 41h2a5 5 0 0 1 5 5a5 5 0 0 0 10 0a3 3 0 0 1 3-3h.667m30.158 10.76A3 3 0 0 1 57 51a3 3 0 0 0-6 0a5 5 0 0 1-10 0a5 5 0 0 0-5-5"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiDoughnut(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M36 7C19.983 7 7 19.984 7 36s12.983 29 29 29s29-12.984 29-29S52.017 7 36 7m0 39c-5.522 0-10-4.477-10-10s4.478-10 10-10s10 4.478 10 10s-4.477 10-10 10"/><path fill="none" d="M36 46c5.523 0 10-4.477 10-10s-4.477-10-10-10s-10 4.478-10 10a9.96 9.96 0 0 0 2.865 7h.479h-.479A9.96 9.96 0 0 0 36 46"/><path fill="none" d="M46 36c0-5.522-4.477-10-10-10s-10 4.478-10 10a9.96 9.96 0 0 0 2.865 7A9.96 9.96 0 0 0 36 46c5.523 0 10-4.477 10-10"/><path fill="#f1b31c" d="M36 7C19.983 7 7 19.984 7 36c0 1.706.156 3.375.439 5H10a5 5 0 0 1 5 5a5 5 0 0 0 10 0a3 3 0 0 1 3-3h.865A9.96 9.96 0 0 1 26 36c0-5.522 4.478-10 10-10s10 4.478 10 10s-4.477 10-10 10a5 5 0 0 1 5 5a5 5 0 0 0 10 0a3 3 0 0 1 6 0c0 1.222.842 2.321 1.895 2.79A28.87 28.87 0 0 0 65 36C65 19.984 52.017 7 36 7"/><circle cx="14" cy="31" r="2" fill="#fff"/><circle cx="20" cy="39" r="2" fill="#fff"/><circle cx="52" cy="40" r="2" fill="#fff"/><circle cx="58" cy="32" r="2" fill="#fff"/><circle cx="50" cy="25" r="2" fill="#fff"/><circle cx="42" cy="14" r="2" fill="#fff"/><circle cx="33" cy="20" r="2" fill="#fff"/><circle cx="21" cy="20" r="2" fill="#fff"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><circle cx="14" cy="31" r="2"/><circle cx="20" cy="39" r="2"/><circle cx="52" cy="40" r="2"/><circle cx="58" cy="32" r="2"/><circle cx="50" cy="25" r="2"/><circle cx="42" cy="14" r="2"/><circle cx="33" cy="20" r="2"/><circle cx="21" cy="20" r="2"/><circle cx="36" cy="36" r="29"/><circle cx="36" cy="36" r="10"/><path d="M8 41h2a5 5 0 0 1 5 5a5 5 0 0 0 10 0a3 3 0 0 1 3-3h.667m30.158 10.76A3 3 0 0 1 57 51a3 3 0 0 0-6 0a5 5 0 0 1-10 0a5 5 0 0 0-5-5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M36 7C19.983 7 7 19.984 7 36s12.983 29 29 29s29-12.984 29-29S52.017 7 36 7m0 39c-5.522 0-10-4.477-10-10s4.478-10 10-10s10 4.478 10 10s-4.477 10-10 10"/><path fill="none" d="M36 46c5.523 0 10-4.477 10-10s-4.477-10-10-10s-10 4.478-10 10a9.96 9.96 0 0 0 2.865 7h.479h-.479A9.96 9.96 0 0 0 36 46"/><path fill="none" d="M46 36c0-5.522-4.477-10-10-10s-10 4.478-10 10a9.96 9.96 0 0 0 2.865 7A9.96 9.96 0 0 0 36 46c5.523 0 10-4.477 10-10"/><path fill="#f1b31c" d="M36 7C19.983 7 7 19.984 7 36c0 1.706.156 3.375.439 5H10a5 5 0 0 1 5 5a5 5 0 0 0 10 0a3 3 0 0 1 3-3h.865A9.96 9.96 0 0 1 26 36c0-5.522 4.478-10 10-10s10 4.478 10 10s-4.477 10-10 10a5 5 0 0 1 5 5a5 5 0 0 0 10 0a3 3 0 0 1 6 0c0 1.222.842 2.321 1.895 2.79A28.87 28.87 0 0 0 65 36C65 19.984 52.017 7 36 7"/><circle cx="14" cy="31" r="2" fill="#fff"/><circle cx="20" cy="39" r="2" fill="#fff"/><circle cx="52" cy="40" r="2" fill="#fff"/><circle cx="58" cy="32" r="2" fill="#fff"/><circle cx="50" cy="25" r="2" fill="#fff"/><circle cx="42" cy="14" r="2" fill="#fff"/><circle cx="33" cy="20" r="2" fill="#fff"/><circle cx="21" cy="20" r="2" fill="#fff"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><circle cx="14" cy="31" r="2"/><circle cx="20" cy="39" r="2"/><circle cx="52" cy="40" r="2"/><circle cx="58" cy="32" r="2"/><circle cx="50" cy="25" r="2"/><circle cx="42" cy="14" r="2"/><circle cx="33" cy="20" r="2"/><circle cx="21" cy="20" r="2"/><circle cx="36" cy="36" r="29"/><circle cx="36" cy="36" r="10"/><path d="M8 41h2a5 5 0 0 1 5 5a5 5 0 0 0 10 0a3 3 0 0 1 3-3h.667m30.158 10.76A3 3 0 0 1 57 51a3 3 0 0 0-6 0a5 5 0 0 1-10 0a5 5 0 0 0-5-5"/></g></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M36%207C19.983%207%207%2019.984%207%2036s12.983%2029%2029%2029s29-12.984%2029-29S52.017%207%2036%207m0%2039c-5.522%200-10-4.477-10-10s4.478-10%2010-10s10%204.478%2010%2010s-4.477%2010-10%2010%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M36%2046c5.523%200%2010-4.477%2010-10s-4.477-10-10-10s-10%204.478-10%2010a9.96%209.96%200%200%200%202.865%207h.479h-.479A9.96%209.96%200%200%200%2036%2046%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M46%2036c0-5.522-4.477-10-10-10s-10%204.478-10%2010a9.96%209.96%200%200%200%202.865%207A9.96%209.96%200%200%200%2036%2046c5.523%200%2010-4.477%2010-10%22%2F%3E%3Cpath%20fill%3D%22%23f1b31c%22%20d%3D%22M36%207C19.983%207%207%2019.984%207%2036c0%201.706.156%203.375.439%205H10a5%205%200%200%201%205%205a5%205%200%200%200%2010%200a3%203%200%200%201%203-3h.865A9.96%209.96%200%200%201%2026%2036c0-5.522%204.478-10%2010-10s10%204.478%2010%2010s-4.477%2010-10%2010a5%205%200%200%201%205%205a5%205%200%200%200%2010%200a3%203%200%200%201%206%200c0%201.222.842%202.321%201.895%202.79A28.87%2028.87%200%200%200%2065%2036C65%2019.984%2052.017%207%2036%207%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2231%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2239%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2240%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2258%22%20cy%3D%2232%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2225%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2214%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2220%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2220%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2231%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2239%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2240%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2258%22%20cy%3D%2232%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2225%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2214%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2220%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2220%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2229%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M8%2041h2a5%205%200%200%201%205%205a5%205%200%200%200%2010%200a3%203%200%200%201%203-3h.667m30.158%2010.76A3%203%200%200%201%2057%2051a3%203%200%200%200-6%200a5%205%200%200%201-10%200a5%205%200%200%200-5-5%22%2F%3E%3C%2Fg%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M36%207C19.983%207%207%2019.984%207%2036s12.983%2029%2029%2029s29-12.984%2029-29S52.017%207%2036%207m0%2039c-5.522%200-10-4.477-10-10s4.478-10%2010-10s10%204.478%2010%2010s-4.477%2010-10%2010%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M36%2046c5.523%200%2010-4.477%2010-10s-4.477-10-10-10s-10%204.478-10%2010a9.96%209.96%200%200%200%202.865%207h.479h-.479A9.96%209.96%200%200%200%2036%2046%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M46%2036c0-5.522-4.477-10-10-10s-10%204.478-10%2010a9.96%209.96%200%200%200%202.865%207A9.96%209.96%200%200%200%2036%2046c5.523%200%2010-4.477%2010-10%22%2F%3E%3Cpath%20fill%3D%22%23f1b31c%22%20d%3D%22M36%207C19.983%207%207%2019.984%207%2036c0%201.706.156%203.375.439%205H10a5%205%200%200%201%205%205a5%205%200%200%200%2010%200a3%203%200%200%201%203-3h.865A9.96%209.96%200%200%201%2026%2036c0-5.522%204.478-10%2010-10s10%204.478%2010%2010s-4.477%2010-10%2010a5%205%200%200%201%205%205a5%205%200%200%200%2010%200a3%203%200%200%201%206%200c0%201.222.842%202.321%201.895%202.79A28.87%2028.87%200%200%200%2065%2036C65%2019.984%2052.017%207%2036%207%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2231%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2239%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2240%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2258%22%20cy%3D%2232%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2225%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2214%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2220%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2220%22%20r%3D%222%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2231%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2239%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2240%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2258%22%20cy%3D%2232%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2225%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2214%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2220%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2220%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2229%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M8%2041h2a5%205%200%200%201%205%205a5%205%200%200%200%2010%200a3%203%200%200%201%203-3h.667m30.158%2010.76A3%203%200%200%201%2057%2051a3%203%200%200%200-6%200a5%205%200%200%201-10%200a5%205%200%200%200-5-5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/doughnut.svg?color=%231a73e8&size=48
