dango emoji
dango from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- dango
- Set
- Twitter Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More food & drink icons from Twitter Emoji
Use the dango emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M33.875 35.228c-.314 0-.628-.12-.868-.359L2.366 4.227a1.228 1.228 0 0 1 1.736-1.736l30.641 30.641a1.228 1.228 0 0 1-.868 2.096"/><path fill="#fcb1e3" d="M15.254 8.627a6.752 6.752 0 1 1-13.504 0a6.752 6.752 0 0 1 13.504 0"/><circle cx="15.869" cy="15.994" r="6.752" fill="#ffd983" transform="rotate(-76.714 15.87 15.994)"/><path fill="#a6d388" d="M29.987 23.359a6.754 6.754 0 0 1-13.505 0a6.752 6.752 0 0 1 13.505 0"/><path fill="#d99e82" d="M33.875 35.228c-.314 0-.628-.12-.868-.359l-7.52-7.52a1.226 1.226 0 1 1 1.736-1.736l7.52 7.52a1.228 1.228 0 0 1-.868 2.095"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiDango(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M33.875 35.228c-.314 0-.628-.12-.868-.359L2.366 4.227a1.228 1.228 0 0 1 1.736-1.736l30.641 30.641a1.228 1.228 0 0 1-.868 2.096"/><path fill="#fcb1e3" d="M15.254 8.627a6.752 6.752 0 1 1-13.504 0a6.752 6.752 0 0 1 13.504 0"/><circle cx="15.869" cy="15.994" r="6.752" fill="#ffd983" transform="rotate(-76.714 15.87 15.994)"/><path fill="#a6d388" d="M29.987 23.359a6.754 6.754 0 0 1-13.505 0a6.752 6.752 0 0 1 13.505 0"/><path fill="#d99e82" d="M33.875 35.228c-.314 0-.628-.12-.868-.359l-7.52-7.52a1.226 1.226 0 1 1 1.736-1.736l7.52 7.52a1.228 1.228 0 0 1-.868 2.095"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M33.875 35.228c-.314 0-.628-.12-.868-.359L2.366 4.227a1.228 1.228 0 0 1 1.736-1.736l30.641 30.641a1.228 1.228 0 0 1-.868 2.096"/><path fill="#fcb1e3" d="M15.254 8.627a6.752 6.752 0 1 1-13.504 0a6.752 6.752 0 0 1 13.504 0"/><circle cx="15.869" cy="15.994" r="6.752" fill="#ffd983" transform="rotate(-76.714 15.87 15.994)"/><path fill="#a6d388" d="M29.987 23.359a6.754 6.754 0 0 1-13.505 0a6.752 6.752 0 0 1 13.505 0"/><path fill="#d99e82" d="M33.875 35.228c-.314 0-.628-.12-.868-.359l-7.52-7.52a1.226 1.226 0 1 1 1.736-1.736l7.52 7.52a1.228 1.228 0 0 1-.868 2.095"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M33.875%2035.228c-.314%200-.628-.12-.868-.359L2.366%204.227a1.228%201.228%200%200%201%201.736-1.736l30.641%2030.641a1.228%201.228%200%200%201-.868%202.096%22%2F%3E%3Cpath%20fill%3D%22%23fcb1e3%22%20d%3D%22M15.254%208.627a6.752%206.752%200%201%201-13.504%200a6.752%206.752%200%200%201%2013.504%200%22%2F%3E%3Ccircle%20cx%3D%2215.869%22%20cy%3D%2215.994%22%20r%3D%226.752%22%20fill%3D%22%23ffd983%22%20transform%3D%22rotate(-76.714%2015.87%2015.994)%22%2F%3E%3Cpath%20fill%3D%22%23a6d388%22%20d%3D%22M29.987%2023.359a6.754%206.754%200%200%201-13.505%200a6.752%206.752%200%200%201%2013.505%200%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M33.875%2035.228c-.314%200-.628-.12-.868-.359l-7.52-7.52a1.226%201.226%200%201%201%201.736-1.736l7.52%207.52a1.228%201.228%200%200%201-.868%202.095%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M33.875%2035.228c-.314%200-.628-.12-.868-.359L2.366%204.227a1.228%201.228%200%200%201%201.736-1.736l30.641%2030.641a1.228%201.228%200%200%201-.868%202.096%22%2F%3E%3Cpath%20fill%3D%22%23fcb1e3%22%20d%3D%22M15.254%208.627a6.752%206.752%200%201%201-13.504%200a6.752%206.752%200%200%201%2013.504%200%22%2F%3E%3Ccircle%20cx%3D%2215.869%22%20cy%3D%2215.994%22%20r%3D%226.752%22%20fill%3D%22%23ffd983%22%20transform%3D%22rotate(-76.714%2015.87%2015.994)%22%2F%3E%3Cpath%20fill%3D%22%23a6d388%22%20d%3D%22M29.987%2023.359a6.754%206.754%200%200%201-13.505%200a6.752%206.752%200%200%201%2013.505%200%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M33.875%2035.228c-.314%200-.628-.12-.868-.359l-7.52-7.52a1.226%201.226%200%201%201%201.736-1.736l7.52%207.52a1.228%201.228%200%200%201-.868%202.095%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/dango.svg?color=%231a73e8&size=48
