dango emoji
dango from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.
- Name
- dango
- 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 dango emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="36.142" cy="35.999" r="10" fill="#fff" transform="rotate(-45 36.14 35.999)"/><circle cx="22.142" cy="21.999" r="10" fill="#ea5a47" transform="rotate(-45 22.142 22)"/><path fill="#d22f27" d="M29.213 14.92c-2.594-2.595-6.258-3.455-9.571-2.602a9.94 9.94 0 0 1 4.57 2.602c3.907 3.905 3.907 10.237.002 14.143a9.95 9.95 0 0 1-4.571 2.601c3.313.853 6.976-.008 9.57-2.601c3.906-3.906 3.906-10.238 0-14.143"/><ellipse cx="50.142" cy="49.999" fill="#b1cc33" rx="9.999" ry="10" transform="rotate(-45 50.14 49.998)"/><path fill="#5c9e31" d="M57.213 42.92c-2.594-2.594-6.258-3.455-9.571-2.602a9.94 9.94 0 0 1 4.57 2.602a10 10 0 0 1 .002 14.142a9.95 9.95 0 0 1-4.571 2.602c3.313.854 6.976-.008 9.57-2.602a10 10 0 0 0 0-14.142"/><circle cx="36.142" cy="35.999" r="10" fill="none" transform="rotate(-45 36.142 36)"/><path fill="#d0cfce" d="M43.213 28.92c-2.594-2.595-6.258-3.455-9.571-2.602a9.94 9.94 0 0 1 4.57 2.602c3.907 3.905 3.907 10.236.002 14.142a9.95 9.95 0 0 1-4.571 2.602c3.313.854 6.976-.008 9.57-2.602c3.906-3.906 3.906-10.237 0-14.142"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><circle cx="36.142" cy="35.999" r="10" transform="rotate(-45 36.14 35.999)"/><circle cx="22" cy="21.858" r="10" transform="rotate(-45 22 21.858)"/><circle cx="50.284" cy="50.142" r="10" transform="rotate(-45 50.284 50.142)"/><path d="m60.143 60l7 7"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiDango(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="36.142" cy="35.999" r="10" fill="#fff" transform="rotate(-45 36.14 35.999)"/><circle cx="22.142" cy="21.999" r="10" fill="#ea5a47" transform="rotate(-45 22.142 22)"/><path fill="#d22f27" d="M29.213 14.92c-2.594-2.595-6.258-3.455-9.571-2.602a9.94 9.94 0 0 1 4.57 2.602c3.907 3.905 3.907 10.237.002 14.143a9.95 9.95 0 0 1-4.571 2.601c3.313.853 6.976-.008 9.57-2.601c3.906-3.906 3.906-10.238 0-14.143"/><ellipse cx="50.142" cy="49.999" fill="#b1cc33" rx="9.999" ry="10" transform="rotate(-45 50.14 49.998)"/><path fill="#5c9e31" d="M57.213 42.92c-2.594-2.594-6.258-3.455-9.571-2.602a9.94 9.94 0 0 1 4.57 2.602a10 10 0 0 1 .002 14.142a9.95 9.95 0 0 1-4.571 2.602c3.313.854 6.976-.008 9.57-2.602a10 10 0 0 0 0-14.142"/><circle cx="36.142" cy="35.999" r="10" fill="none" transform="rotate(-45 36.142 36)"/><path fill="#d0cfce" d="M43.213 28.92c-2.594-2.595-6.258-3.455-9.571-2.602a9.94 9.94 0 0 1 4.57 2.602c3.907 3.905 3.907 10.236.002 14.142a9.95 9.95 0 0 1-4.571 2.602c3.313.854 6.976-.008 9.57-2.602c3.906-3.906 3.906-10.237 0-14.142"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><circle cx="36.142" cy="35.999" r="10" transform="rotate(-45 36.14 35.999)"/><circle cx="22" cy="21.858" r="10" transform="rotate(-45 22 21.858)"/><circle cx="50.284" cy="50.142" r="10" transform="rotate(-45 50.284 50.142)"/><path d="m60.143 60l7 7"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><circle cx="36.142" cy="35.999" r="10" fill="#fff" transform="rotate(-45 36.14 35.999)"/><circle cx="22.142" cy="21.999" r="10" fill="#ea5a47" transform="rotate(-45 22.142 22)"/><path fill="#d22f27" d="M29.213 14.92c-2.594-2.595-6.258-3.455-9.571-2.602a9.94 9.94 0 0 1 4.57 2.602c3.907 3.905 3.907 10.237.002 14.143a9.95 9.95 0 0 1-4.571 2.601c3.313.853 6.976-.008 9.57-2.601c3.906-3.906 3.906-10.238 0-14.143"/><ellipse cx="50.142" cy="49.999" fill="#b1cc33" rx="9.999" ry="10" transform="rotate(-45 50.14 49.998)"/><path fill="#5c9e31" d="M57.213 42.92c-2.594-2.594-6.258-3.455-9.571-2.602a9.94 9.94 0 0 1 4.57 2.602a10 10 0 0 1 .002 14.142a9.95 9.95 0 0 1-4.571 2.602c3.313.854 6.976-.008 9.57-2.602a10 10 0 0 0 0-14.142"/><circle cx="36.142" cy="35.999" r="10" fill="none" transform="rotate(-45 36.142 36)"/><path fill="#d0cfce" d="M43.213 28.92c-2.594-2.595-6.258-3.455-9.571-2.602a9.94 9.94 0 0 1 4.57 2.602c3.907 3.905 3.907 10.236.002 14.142a9.95 9.95 0 0 1-4.571 2.602c3.313.854 6.976-.008 9.57-2.602c3.906-3.906 3.906-10.237 0-14.142"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><circle cx="36.142" cy="35.999" r="10" transform="rotate(-45 36.14 35.999)"/><circle cx="22" cy="21.858" r="10" transform="rotate(-45 22 21.858)"/><circle cx="50.284" cy="50.142" r="10" transform="rotate(-45 50.284 50.142)"/><path d="m60.143 60l7 7"/></g></svg> </template>
CSS
.icon-dango {
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%3Ccircle%20cx%3D%2236.142%22%20cy%3D%2235.999%22%20r%3D%2210%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(-45%2036.14%2035.999)%22%2F%3E%3Ccircle%20cx%3D%2222.142%22%20cy%3D%2221.999%22%20r%3D%2210%22%20fill%3D%22%23ea5a47%22%20transform%3D%22rotate(-45%2022.142%2022)%22%2F%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M29.213%2014.92c-2.594-2.595-6.258-3.455-9.571-2.602a9.94%209.94%200%200%201%204.57%202.602c3.907%203.905%203.907%2010.237.002%2014.143a9.95%209.95%200%200%201-4.571%202.601c3.313.853%206.976-.008%209.57-2.601c3.906-3.906%203.906-10.238%200-14.143%22%2F%3E%3Cellipse%20cx%3D%2250.142%22%20cy%3D%2249.999%22%20fill%3D%22%23b1cc33%22%20rx%3D%229.999%22%20ry%3D%2210%22%20transform%3D%22rotate(-45%2050.14%2049.998)%22%2F%3E%3Cpath%20fill%3D%22%235c9e31%22%20d%3D%22M57.213%2042.92c-2.594-2.594-6.258-3.455-9.571-2.602a9.94%209.94%200%200%201%204.57%202.602a10%2010%200%200%201%20.002%2014.142a9.95%209.95%200%200%201-4.571%202.602c3.313.854%206.976-.008%209.57-2.602a10%2010%200%200%200%200-14.142%22%2F%3E%3Ccircle%20cx%3D%2236.142%22%20cy%3D%2235.999%22%20r%3D%2210%22%20fill%3D%22none%22%20transform%3D%22rotate(-45%2036.142%2036)%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M43.213%2028.92c-2.594-2.595-6.258-3.455-9.571-2.602a9.94%209.94%200%200%201%204.57%202.602c3.907%203.905%203.907%2010.236.002%2014.142a9.95%209.95%200%200%201-4.571%202.602c3.313.854%206.976-.008%209.57-2.602c3.906-3.906%203.906-10.237%200-14.142%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%2236.142%22%20cy%3D%2235.999%22%20r%3D%2210%22%20transform%3D%22rotate(-45%2036.14%2035.999)%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2221.858%22%20r%3D%2210%22%20transform%3D%22rotate(-45%2022%2021.858)%22%2F%3E%3Ccircle%20cx%3D%2250.284%22%20cy%3D%2250.142%22%20r%3D%2210%22%20transform%3D%22rotate(-45%2050.284%2050.142)%22%2F%3E%3Cpath%20d%3D%22m60.143%2060l7%207%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%3Ccircle%20cx%3D%2236.142%22%20cy%3D%2235.999%22%20r%3D%2210%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(-45%2036.14%2035.999)%22%2F%3E%3Ccircle%20cx%3D%2222.142%22%20cy%3D%2221.999%22%20r%3D%2210%22%20fill%3D%22%23ea5a47%22%20transform%3D%22rotate(-45%2022.142%2022)%22%2F%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M29.213%2014.92c-2.594-2.595-6.258-3.455-9.571-2.602a9.94%209.94%200%200%201%204.57%202.602c3.907%203.905%203.907%2010.237.002%2014.143a9.95%209.95%200%200%201-4.571%202.601c3.313.853%206.976-.008%209.57-2.601c3.906-3.906%203.906-10.238%200-14.143%22%2F%3E%3Cellipse%20cx%3D%2250.142%22%20cy%3D%2249.999%22%20fill%3D%22%23b1cc33%22%20rx%3D%229.999%22%20ry%3D%2210%22%20transform%3D%22rotate(-45%2050.14%2049.998)%22%2F%3E%3Cpath%20fill%3D%22%235c9e31%22%20d%3D%22M57.213%2042.92c-2.594-2.594-6.258-3.455-9.571-2.602a9.94%209.94%200%200%201%204.57%202.602a10%2010%200%200%201%20.002%2014.142a9.95%209.95%200%200%201-4.571%202.602c3.313.854%206.976-.008%209.57-2.602a10%2010%200%200%200%200-14.142%22%2F%3E%3Ccircle%20cx%3D%2236.142%22%20cy%3D%2235.999%22%20r%3D%2210%22%20fill%3D%22none%22%20transform%3D%22rotate(-45%2036.142%2036)%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M43.213%2028.92c-2.594-2.595-6.258-3.455-9.571-2.602a9.94%209.94%200%200%201%204.57%202.602c3.907%203.905%203.907%2010.236.002%2014.142a9.95%209.95%200%200%201-4.571%202.602c3.313.854%206.976-.008%209.57-2.602c3.906-3.906%203.906-10.237%200-14.142%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%2236.142%22%20cy%3D%2235.999%22%20r%3D%2210%22%20transform%3D%22rotate(-45%2036.14%2035.999)%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2221.858%22%20r%3D%2210%22%20transform%3D%22rotate(-45%2022%2021.858)%22%2F%3E%3Ccircle%20cx%3D%2250.284%22%20cy%3D%2250.142%22%20r%3D%2210%22%20transform%3D%22rotate(-45%2050.284%2050.142)%22%2F%3E%3Cpath%20d%3D%22m60.143%2060l7%207%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/dango.svg?color=%231a73e8&size=48
