oden emoji
oden from Emoji One (Colored) by Emoji One · Default · Food · CC-BY-4.0 Attribution required.
- Name
- oden
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Food
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More food icons from Emoji One (Colored)
Use the oden emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f29a2e" d="M52.3 49.8c-.7-.7-1.8-.7-2.5 0s-.7 1.8 0 2.5l7.3 7.3c.7.7 1.8.7 2.5 0s.7-1.8 0-2.5z"/><path fill="#dae3ea" d="M60.7 38.6c1.6 1.6 1.7 4 .3 5.4L44 61c-1.4 1.4-3.8 1.3-5.4-.3L30.9 53c-1.6-1.6-1.7-4-.3-5.4l17-17c1.4-1.4 3.8-1.3 5.4.3z"/><path fill="#f29a2e" d="M39 36.5c-.7-.7-1.8-.7-2.5 0s-.7 1.8 0 2.5l3.9 3.9c.7.7 1.8.7 2.5 0s.7-1.8 0-2.5z"/><ellipse cx="31.2" cy="31.2" fill="#8e725e" rx="14.4" ry="12.6" transform="rotate(-45.001 31.162 31.164)"/><path fill="#f29a2e" d="M22 19.5c-.7-.7-1.8-.7-2.5 0s-.7 1.8 0 2.5l3.9 3.9c.7.7 1.8.7 2.5 0s.7-1.8 0-2.5z"/><path fill="#62727a" d="M29.9 7c4.9 4.9-1.2 10.5-6.8 16.1S12 34.9 7 29.9C4.4 27.3 1.9 8.6 5.2 5.2S27.3 4.4 29.9 7"/><path fill="#f29a2e" d="M5 2.5c-.7-.7-1.8-.7-2.5 0s-.7 1.8 0 2.5l3.9 3.9c.7.7 1.8.7 2.5 0s.7-1.8 0-2.5z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneOden(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f29a2e" d="M52.3 49.8c-.7-.7-1.8-.7-2.5 0s-.7 1.8 0 2.5l7.3 7.3c.7.7 1.8.7 2.5 0s.7-1.8 0-2.5z"/><path fill="#dae3ea" d="M60.7 38.6c1.6 1.6 1.7 4 .3 5.4L44 61c-1.4 1.4-3.8 1.3-5.4-.3L30.9 53c-1.6-1.6-1.7-4-.3-5.4l17-17c1.4-1.4 3.8-1.3 5.4.3z"/><path fill="#f29a2e" d="M39 36.5c-.7-.7-1.8-.7-2.5 0s-.7 1.8 0 2.5l3.9 3.9c.7.7 1.8.7 2.5 0s.7-1.8 0-2.5z"/><ellipse cx="31.2" cy="31.2" fill="#8e725e" rx="14.4" ry="12.6" transform="rotate(-45.001 31.162 31.164)"/><path fill="#f29a2e" d="M22 19.5c-.7-.7-1.8-.7-2.5 0s-.7 1.8 0 2.5l3.9 3.9c.7.7 1.8.7 2.5 0s.7-1.8 0-2.5z"/><path fill="#62727a" d="M29.9 7c4.9 4.9-1.2 10.5-6.8 16.1S12 34.9 7 29.9C4.4 27.3 1.9 8.6 5.2 5.2S27.3 4.4 29.9 7"/><path fill="#f29a2e" d="M5 2.5c-.7-.7-1.8-.7-2.5 0s-.7 1.8 0 2.5l3.9 3.9c.7.7 1.8.7 2.5 0s.7-1.8 0-2.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f29a2e" d="M52.3 49.8c-.7-.7-1.8-.7-2.5 0s-.7 1.8 0 2.5l7.3 7.3c.7.7 1.8.7 2.5 0s.7-1.8 0-2.5z"/><path fill="#dae3ea" d="M60.7 38.6c1.6 1.6 1.7 4 .3 5.4L44 61c-1.4 1.4-3.8 1.3-5.4-.3L30.9 53c-1.6-1.6-1.7-4-.3-5.4l17-17c1.4-1.4 3.8-1.3 5.4.3z"/><path fill="#f29a2e" d="M39 36.5c-.7-.7-1.8-.7-2.5 0s-.7 1.8 0 2.5l3.9 3.9c.7.7 1.8.7 2.5 0s.7-1.8 0-2.5z"/><ellipse cx="31.2" cy="31.2" fill="#8e725e" rx="14.4" ry="12.6" transform="rotate(-45.001 31.162 31.164)"/><path fill="#f29a2e" d="M22 19.5c-.7-.7-1.8-.7-2.5 0s-.7 1.8 0 2.5l3.9 3.9c.7.7 1.8.7 2.5 0s.7-1.8 0-2.5z"/><path fill="#62727a" d="M29.9 7c4.9 4.9-1.2 10.5-6.8 16.1S12 34.9 7 29.9C4.4 27.3 1.9 8.6 5.2 5.2S27.3 4.4 29.9 7"/><path fill="#f29a2e" d="M5 2.5c-.7-.7-1.8-.7-2.5 0s-.7 1.8 0 2.5l3.9 3.9c.7.7 1.8.7 2.5 0s.7-1.8 0-2.5z"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23f29a2e%22%20d%3D%22M52.3%2049.8c-.7-.7-1.8-.7-2.5%200s-.7%201.8%200%202.5l7.3%207.3c.7.7%201.8.7%202.5%200s.7-1.8%200-2.5z%22%2F%3E%3Cpath%20fill%3D%22%23dae3ea%22%20d%3D%22M60.7%2038.6c1.6%201.6%201.7%204%20.3%205.4L44%2061c-1.4%201.4-3.8%201.3-5.4-.3L30.9%2053c-1.6-1.6-1.7-4-.3-5.4l17-17c1.4-1.4%203.8-1.3%205.4.3z%22%2F%3E%3Cpath%20fill%3D%22%23f29a2e%22%20d%3D%22M39%2036.5c-.7-.7-1.8-.7-2.5%200s-.7%201.8%200%202.5l3.9%203.9c.7.7%201.8.7%202.5%200s.7-1.8%200-2.5z%22%2F%3E%3Cellipse%20cx%3D%2231.2%22%20cy%3D%2231.2%22%20fill%3D%22%238e725e%22%20rx%3D%2214.4%22%20ry%3D%2212.6%22%20transform%3D%22rotate(-45.001%2031.162%2031.164)%22%2F%3E%3Cpath%20fill%3D%22%23f29a2e%22%20d%3D%22M22%2019.5c-.7-.7-1.8-.7-2.5%200s-.7%201.8%200%202.5l3.9%203.9c.7.7%201.8.7%202.5%200s.7-1.8%200-2.5z%22%2F%3E%3Cpath%20fill%3D%22%2362727a%22%20d%3D%22M29.9%207c4.9%204.9-1.2%2010.5-6.8%2016.1S12%2034.9%207%2029.9C4.4%2027.3%201.9%208.6%205.2%205.2S27.3%204.4%2029.9%207%22%2F%3E%3Cpath%20fill%3D%22%23f29a2e%22%20d%3D%22M5%202.5c-.7-.7-1.8-.7-2.5%200s-.7%201.8%200%202.5l3.9%203.9c.7.7%201.8.7%202.5%200s.7-1.8%200-2.5z%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23f29a2e%22%20d%3D%22M52.3%2049.8c-.7-.7-1.8-.7-2.5%200s-.7%201.8%200%202.5l7.3%207.3c.7.7%201.8.7%202.5%200s.7-1.8%200-2.5z%22%2F%3E%3Cpath%20fill%3D%22%23dae3ea%22%20d%3D%22M60.7%2038.6c1.6%201.6%201.7%204%20.3%205.4L44%2061c-1.4%201.4-3.8%201.3-5.4-.3L30.9%2053c-1.6-1.6-1.7-4-.3-5.4l17-17c1.4-1.4%203.8-1.3%205.4.3z%22%2F%3E%3Cpath%20fill%3D%22%23f29a2e%22%20d%3D%22M39%2036.5c-.7-.7-1.8-.7-2.5%200s-.7%201.8%200%202.5l3.9%203.9c.7.7%201.8.7%202.5%200s.7-1.8%200-2.5z%22%2F%3E%3Cellipse%20cx%3D%2231.2%22%20cy%3D%2231.2%22%20fill%3D%22%238e725e%22%20rx%3D%2214.4%22%20ry%3D%2212.6%22%20transform%3D%22rotate(-45.001%2031.162%2031.164)%22%2F%3E%3Cpath%20fill%3D%22%23f29a2e%22%20d%3D%22M22%2019.5c-.7-.7-1.8-.7-2.5%200s-.7%201.8%200%202.5l3.9%203.9c.7.7%201.8.7%202.5%200s.7-1.8%200-2.5z%22%2F%3E%3Cpath%20fill%3D%22%2362727a%22%20d%3D%22M29.9%207c4.9%204.9-1.2%2010.5-6.8%2016.1S12%2034.9%207%2029.9C4.4%2027.3%201.9%208.6%205.2%205.2S27.3%204.4%2029.9%207%22%2F%3E%3Cpath%20fill%3D%22%23f29a2e%22%20d%3D%22M5%202.5c-.7-.7-1.8-.7-2.5%200s-.7%201.8%200%202.5l3.9%203.9c.7.7%201.8.7%202.5%200s.7-1.8%200-2.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/oden.svg?color=%231a73e8&size=48
