oden emoji
oden from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- oden
- 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 oden emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M33.884 35.229c-.314 0-.629-.12-.869-.36L2.33 4.185a1.229 1.229 0 1 1 1.738-1.738l30.685 30.685a1.229 1.229 0 0 1-.869 2.097"/><path fill="#66757f" d="M6.729 3.046C4.077 2.51 2.467 4.213 3.151 6.83l1.843 7.055c.684 2.617 2.808 3.193 4.72 1.28l6.103-6.102c1.913-1.913 1.309-3.916-1.343-4.452z"/><path fill="#d99e82" d="M22.614 15.968a6.762 6.762 0 1 1-13.524-.002a6.762 6.762 0 0 1 13.524.002"/><path fill="#ccd6dd" d="M22.052 30.707c-.96.96-2.518.96-3.477 0l-3.478-3.478a2.46 2.46 0 0 1 0-3.477l8.693-8.693a2.46 2.46 0 0 1 3.478 0l3.478 3.477a2.46 2.46 0 0 1 0 3.478z"/><path fill="#d99e82" d="M33.884 35.229c-.314 0-.629-.12-.869-.36l-9.118-9.118a1.229 1.229 0 1 1 1.738-1.738l9.118 9.118a1.229 1.229 0 0 1-.869 2.098"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiOden(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.884 35.229c-.314 0-.629-.12-.869-.36L2.33 4.185a1.229 1.229 0 1 1 1.738-1.738l30.685 30.685a1.229 1.229 0 0 1-.869 2.097"/><path fill="#66757f" d="M6.729 3.046C4.077 2.51 2.467 4.213 3.151 6.83l1.843 7.055c.684 2.617 2.808 3.193 4.72 1.28l6.103-6.102c1.913-1.913 1.309-3.916-1.343-4.452z"/><path fill="#d99e82" d="M22.614 15.968a6.762 6.762 0 1 1-13.524-.002a6.762 6.762 0 0 1 13.524.002"/><path fill="#ccd6dd" d="M22.052 30.707c-.96.96-2.518.96-3.477 0l-3.478-3.478a2.46 2.46 0 0 1 0-3.477l8.693-8.693a2.46 2.46 0 0 1 3.478 0l3.478 3.477a2.46 2.46 0 0 1 0 3.478z"/><path fill="#d99e82" d="M33.884 35.229c-.314 0-.629-.12-.869-.36l-9.118-9.118a1.229 1.229 0 1 1 1.738-1.738l9.118 9.118a1.229 1.229 0 0 1-.869 2.098"/></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.884 35.229c-.314 0-.629-.12-.869-.36L2.33 4.185a1.229 1.229 0 1 1 1.738-1.738l30.685 30.685a1.229 1.229 0 0 1-.869 2.097"/><path fill="#66757f" d="M6.729 3.046C4.077 2.51 2.467 4.213 3.151 6.83l1.843 7.055c.684 2.617 2.808 3.193 4.72 1.28l6.103-6.102c1.913-1.913 1.309-3.916-1.343-4.452z"/><path fill="#d99e82" d="M22.614 15.968a6.762 6.762 0 1 1-13.524-.002a6.762 6.762 0 0 1 13.524.002"/><path fill="#ccd6dd" d="M22.052 30.707c-.96.96-2.518.96-3.477 0l-3.478-3.478a2.46 2.46 0 0 1 0-3.477l8.693-8.693a2.46 2.46 0 0 1 3.478 0l3.478 3.477a2.46 2.46 0 0 1 0 3.478z"/><path fill="#d99e82" d="M33.884 35.229c-.314 0-.629-.12-.869-.36l-9.118-9.118a1.229 1.229 0 1 1 1.738-1.738l9.118 9.118a1.229 1.229 0 0 1-.869 2.098"/></svg> </template>
CSS
.icon-oden {
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.884%2035.229c-.314%200-.629-.12-.869-.36L2.33%204.185a1.229%201.229%200%201%201%201.738-1.738l30.685%2030.685a1.229%201.229%200%200%201-.869%202.097%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M6.729%203.046C4.077%202.51%202.467%204.213%203.151%206.83l1.843%207.055c.684%202.617%202.808%203.193%204.72%201.28l6.103-6.102c1.913-1.913%201.309-3.916-1.343-4.452z%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M22.614%2015.968a6.762%206.762%200%201%201-13.524-.002a6.762%206.762%200%200%201%2013.524.002%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M22.052%2030.707c-.96.96-2.518.96-3.477%200l-3.478-3.478a2.46%202.46%200%200%201%200-3.477l8.693-8.693a2.46%202.46%200%200%201%203.478%200l3.478%203.477a2.46%202.46%200%200%201%200%203.478z%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M33.884%2035.229c-.314%200-.629-.12-.869-.36l-9.118-9.118a1.229%201.229%200%201%201%201.738-1.738l9.118%209.118a1.229%201.229%200%200%201-.869%202.098%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.884%2035.229c-.314%200-.629-.12-.869-.36L2.33%204.185a1.229%201.229%200%201%201%201.738-1.738l30.685%2030.685a1.229%201.229%200%200%201-.869%202.097%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M6.729%203.046C4.077%202.51%202.467%204.213%203.151%206.83l1.843%207.055c.684%202.617%202.808%203.193%204.72%201.28l6.103-6.102c1.913-1.913%201.309-3.916-1.343-4.452z%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M22.614%2015.968a6.762%206.762%200%201%201-13.524-.002a6.762%206.762%200%200%201%2013.524.002%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M22.052%2030.707c-.96.96-2.518.96-3.477%200l-3.478-3.478a2.46%202.46%200%200%201%200-3.477l8.693-8.693a2.46%202.46%200%200%201%203.478%200l3.478%203.477a2.46%202.46%200%200%201%200%203.478z%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M33.884%2035.229c-.314%200-.629-.12-.869-.36l-9.118-9.118a1.229%201.229%200%201%201%201.738-1.738l9.118%209.118a1.229%201.229%200%200%201-.869%202.098%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/oden.svg?color=%231a73e8&size=48
