dango emoji

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

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

The same emoji in other sets

dangoEmoji One (Colored)dangoFluent EmojidangoFluent Emoji FlatdangoFirefox OS EmojidangoNoto EmojidangoOpenMojidangoTwitter 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 dango emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9.177 2.788a6.03 6.03 0 0 0-3.334.999l-1.356-1.36c-.57-.57-1.49-.57-2.06 0s-.57 1.49 0 2.06l1.44 1.44a6.06 6.06 0 0 0 4.515 8.93a7.06 7.06 0 0 1 6.804-6.805a6.06 6.06 0 0 0-6.009-5.264"/><path d="M15.234 9.05a6.06 6.06 0 0 0-.582 12.067a7.06 7.06 0 0 1 6.795-6.795a6.06 6.06 0 0 0-6.213-5.271"/><path d="M15.651 21.164a6.06 6.06 0 1 1 11.62 2.618l-1.329-1.314a2.455 2.455 0 0 0-3.472.002c-.96.96-.96 2.514 0 3.475l1.187 1.172a6.06 6.06 0 0 1-8.005-5.953"/><path d="M23.178 25.238c-.57-.57-.57-1.49 0-2.06s1.49-.57 2.06 0l4.38 4.33c.57.57.57 1.49 0 2.06a1.447 1.447 0 0 1-2.06 0z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastDango(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9.177 2.788a6.03 6.03 0 0 0-3.334.999l-1.356-1.36c-.57-.57-1.49-.57-2.06 0s-.57 1.49 0 2.06l1.44 1.44a6.06 6.06 0 0 0 4.515 8.93a7.06 7.06 0 0 1 6.804-6.805a6.06 6.06 0 0 0-6.009-5.264"/><path d="M15.234 9.05a6.06 6.06 0 0 0-.582 12.067a7.06 7.06 0 0 1 6.795-6.795a6.06 6.06 0 0 0-6.213-5.271"/><path d="M15.651 21.164a6.06 6.06 0 1 1 11.62 2.618l-1.329-1.314a2.455 2.455 0 0 0-3.472.002c-.96.96-.96 2.514 0 3.475l1.187 1.172a6.06 6.06 0 0 1-8.005-5.953"/><path d="M23.178 25.238c-.57-.57-.57-1.49 0-2.06s1.49-.57 2.06 0l4.38 4.33c.57.57.57 1.49 0 2.06a1.447 1.447 0 0 1-2.06 0z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M9.177 2.788a6.03 6.03 0 0 0-3.334.999l-1.356-1.36c-.57-.57-1.49-.57-2.06 0s-.57 1.49 0 2.06l1.44 1.44a6.06 6.06 0 0 0 4.515 8.93a7.06 7.06 0 0 1 6.804-6.805a6.06 6.06 0 0 0-6.009-5.264"/><path d="M15.234 9.05a6.06 6.06 0 0 0-.582 12.067a7.06 7.06 0 0 1 6.795-6.795a6.06 6.06 0 0 0-6.213-5.271"/><path d="M15.651 21.164a6.06 6.06 0 1 1 11.62 2.618l-1.329-1.314a2.455 2.455 0 0 0-3.472.002c-.96.96-.96 2.514 0 3.475l1.187 1.172a6.06 6.06 0 0 1-8.005-5.953"/><path d="M23.178 25.238c-.57-.57-.57-1.49 0-2.06s1.49-.57 2.06 0l4.38 4.33c.57.57.57 1.49 0 2.06a1.447 1.447 0 0 1-2.06 0z"/></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9.177%202.788a6.03%206.03%200%200%200-3.334.999l-1.356-1.36c-.57-.57-1.49-.57-2.06%200s-.57%201.49%200%202.06l1.44%201.44a6.06%206.06%200%200%200%204.515%208.93a7.06%207.06%200%200%201%206.804-6.805a6.06%206.06%200%200%200-6.009-5.264%22%2F%3E%3Cpath%20d%3D%22M15.234%209.05a6.06%206.06%200%200%200-.582%2012.067a7.06%207.06%200%200%201%206.795-6.795a6.06%206.06%200%200%200-6.213-5.271%22%2F%3E%3Cpath%20d%3D%22M15.651%2021.164a6.06%206.06%200%201%201%2011.62%202.618l-1.329-1.314a2.455%202.455%200%200%200-3.472.002c-.96.96-.96%202.514%200%203.475l1.187%201.172a6.06%206.06%200%200%201-8.005-5.953%22%2F%3E%3Cpath%20d%3D%22M23.178%2025.238c-.57-.57-.57-1.49%200-2.06s1.49-.57%202.06%200l4.38%204.33c.57.57.57%201.49%200%202.06a1.447%201.447%200%200%201-2.06%200z%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9.177%202.788a6.03%206.03%200%200%200-3.334.999l-1.356-1.36c-.57-.57-1.49-.57-2.06%200s-.57%201.49%200%202.06l1.44%201.44a6.06%206.06%200%200%200%204.515%208.93a7.06%207.06%200%200%201%206.804-6.805a6.06%206.06%200%200%200-6.009-5.264%22%2F%3E%3Cpath%20d%3D%22M15.234%209.05a6.06%206.06%200%200%200-.582%2012.067a7.06%207.06%200%200%201%206.795-6.795a6.06%206.06%200%200%200-6.213-5.271%22%2F%3E%3Cpath%20d%3D%22M15.651%2021.164a6.06%206.06%200%201%201%2011.62%202.618l-1.329-1.314a2.455%202.455%200%200%200-3.472.002c-.96.96-.96%202.514%200%203.475l1.187%201.172a6.06%206.06%200%200%201-8.005-5.953%22%2F%3E%3Cpath%20d%3D%22M23.178%2025.238c-.57-.57-.57-1.49%200-2.06s1.49-.57%202.06%200l4.38%204.33c.57.57.57%201.49%200%202.06a1.447%201.447%200%200%201-2.06%200z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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