onion emoji
onion from Fluent Emoji Flat by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- onion
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More food & drink icons from Fluent Emoji Flat
Use the onion emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#d3883e" d="M18.23 28.028h-3.45c-.33 0-.6.27-.6.6v.12c0 .69.56 1.25 1.25 1.25h2.16c.69 0 1.25-.56 1.25-1.25v-.12a.617.617 0 0 0-.61-.6"/><path fill="#f3ad61" d="M19.21 4.288v-1.83c0-.42-.52-.62-.8-.3l-1.59 1.82c-.18.21-.5.21-.69 0l-1.59-1.82a.456.456 0 0 0-.8.3v1.84c0 1.14-.69 2.17-1.74 2.62c-4.11 1.74-7 5.81-7 10.56c0 6.08 5.07 11.31 11.15 11.48c6.49.18 11.8-5.03 11.8-11.47c0-4.75-2.89-8.83-7-10.57a2.87 2.87 0 0 1-1.74-2.63"/><path fill="#e19747" d="M10.3 25.318c1.64 2.3 3.84 3.56 6.18 3.56s4.53-1.27 6.18-3.56c1.61-2.25 2.49-5.23 2.49-8.39c0-4-1.44-7.72-3.85-9.94l-.62.67c2.22 2.05 3.55 5.52 3.55 9.27c0 5.31-2.646 9.754-6.154 10.804c1.344-2.013 2.057-6.514 2.064-10.814c0-3.76-.5-7.2-1.37-9.44l-.75.29c.82 2.12 1.31 5.54 1.31 9.15c0 3.04-.34 5.88-.94 8.02c-.555 1.96-1.208 2.83-1.698 3.026a6 6 0 0 1-.424 0c-.49-.196-1.143-1.065-1.698-3.026c-.61-2.14-.94-4.99-.94-8.02c0-3.62.49-7.04 1.31-9.15l-.75-.29c-.87 2.23-1.37 5.68-1.37 9.44c0 4.3.717 8.8 2.063 10.814c-3.508-1.052-6.153-5.495-6.153-10.804c0-3.75 1.33-7.22 3.55-9.27l-.62-.67c-2.41 2.22-3.85 5.94-3.85 9.94c0 3.16.88 6.14 2.49 8.39"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatOnion(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#d3883e" d="M18.23 28.028h-3.45c-.33 0-.6.27-.6.6v.12c0 .69.56 1.25 1.25 1.25h2.16c.69 0 1.25-.56 1.25-1.25v-.12a.617.617 0 0 0-.61-.6"/><path fill="#f3ad61" d="M19.21 4.288v-1.83c0-.42-.52-.62-.8-.3l-1.59 1.82c-.18.21-.5.21-.69 0l-1.59-1.82a.456.456 0 0 0-.8.3v1.84c0 1.14-.69 2.17-1.74 2.62c-4.11 1.74-7 5.81-7 10.56c0 6.08 5.07 11.31 11.15 11.48c6.49.18 11.8-5.03 11.8-11.47c0-4.75-2.89-8.83-7-10.57a2.87 2.87 0 0 1-1.74-2.63"/><path fill="#e19747" d="M10.3 25.318c1.64 2.3 3.84 3.56 6.18 3.56s4.53-1.27 6.18-3.56c1.61-2.25 2.49-5.23 2.49-8.39c0-4-1.44-7.72-3.85-9.94l-.62.67c2.22 2.05 3.55 5.52 3.55 9.27c0 5.31-2.646 9.754-6.154 10.804c1.344-2.013 2.057-6.514 2.064-10.814c0-3.76-.5-7.2-1.37-9.44l-.75.29c.82 2.12 1.31 5.54 1.31 9.15c0 3.04-.34 5.88-.94 8.02c-.555 1.96-1.208 2.83-1.698 3.026a6 6 0 0 1-.424 0c-.49-.196-1.143-1.065-1.698-3.026c-.61-2.14-.94-4.99-.94-8.02c0-3.62.49-7.04 1.31-9.15l-.75-.29c-.87 2.23-1.37 5.68-1.37 9.44c0 4.3.717 8.8 2.063 10.814c-3.508-1.052-6.153-5.495-6.153-10.804c0-3.75 1.33-7.22 3.55-9.27l-.62-.67c-2.41 2.22-3.85 5.94-3.85 9.94c0 3.16.88 6.14 2.49 8.39"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#d3883e" d="M18.23 28.028h-3.45c-.33 0-.6.27-.6.6v.12c0 .69.56 1.25 1.25 1.25h2.16c.69 0 1.25-.56 1.25-1.25v-.12a.617.617 0 0 0-.61-.6"/><path fill="#f3ad61" d="M19.21 4.288v-1.83c0-.42-.52-.62-.8-.3l-1.59 1.82c-.18.21-.5.21-.69 0l-1.59-1.82a.456.456 0 0 0-.8.3v1.84c0 1.14-.69 2.17-1.74 2.62c-4.11 1.74-7 5.81-7 10.56c0 6.08 5.07 11.31 11.15 11.48c6.49.18 11.8-5.03 11.8-11.47c0-4.75-2.89-8.83-7-10.57a2.87 2.87 0 0 1-1.74-2.63"/><path fill="#e19747" d="M10.3 25.318c1.64 2.3 3.84 3.56 6.18 3.56s4.53-1.27 6.18-3.56c1.61-2.25 2.49-5.23 2.49-8.39c0-4-1.44-7.72-3.85-9.94l-.62.67c2.22 2.05 3.55 5.52 3.55 9.27c0 5.31-2.646 9.754-6.154 10.804c1.344-2.013 2.057-6.514 2.064-10.814c0-3.76-.5-7.2-1.37-9.44l-.75.29c.82 2.12 1.31 5.54 1.31 9.15c0 3.04-.34 5.88-.94 8.02c-.555 1.96-1.208 2.83-1.698 3.026a6 6 0 0 1-.424 0c-.49-.196-1.143-1.065-1.698-3.026c-.61-2.14-.94-4.99-.94-8.02c0-3.62.49-7.04 1.31-9.15l-.75-.29c-.87 2.23-1.37 5.68-1.37 9.44c0 4.3.717 8.8 2.063 10.814c-3.508-1.052-6.153-5.495-6.153-10.804c0-3.75 1.33-7.22 3.55-9.27l-.62-.67c-2.41 2.22-3.85 5.94-3.85 9.94c0 3.16.88 6.14 2.49 8.39"/></g></svg> </template>
CSS
.icon-onion {
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%22none%22%3E%3Cpath%20fill%3D%22%23d3883e%22%20d%3D%22M18.23%2028.028h-3.45c-.33%200-.6.27-.6.6v.12c0%20.69.56%201.25%201.25%201.25h2.16c.69%200%201.25-.56%201.25-1.25v-.12a.617.617%200%200%200-.61-.6%22%2F%3E%3Cpath%20fill%3D%22%23f3ad61%22%20d%3D%22M19.21%204.288v-1.83c0-.42-.52-.62-.8-.3l-1.59%201.82c-.18.21-.5.21-.69%200l-1.59-1.82a.456.456%200%200%200-.8.3v1.84c0%201.14-.69%202.17-1.74%202.62c-4.11%201.74-7%205.81-7%2010.56c0%206.08%205.07%2011.31%2011.15%2011.48c6.49.18%2011.8-5.03%2011.8-11.47c0-4.75-2.89-8.83-7-10.57a2.87%202.87%200%200%201-1.74-2.63%22%2F%3E%3Cpath%20fill%3D%22%23e19747%22%20d%3D%22M10.3%2025.318c1.64%202.3%203.84%203.56%206.18%203.56s4.53-1.27%206.18-3.56c1.61-2.25%202.49-5.23%202.49-8.39c0-4-1.44-7.72-3.85-9.94l-.62.67c2.22%202.05%203.55%205.52%203.55%209.27c0%205.31-2.646%209.754-6.154%2010.804c1.344-2.013%202.057-6.514%202.064-10.814c0-3.76-.5-7.2-1.37-9.44l-.75.29c.82%202.12%201.31%205.54%201.31%209.15c0%203.04-.34%205.88-.94%208.02c-.555%201.96-1.208%202.83-1.698%203.026a6%206%200%200%201-.424%200c-.49-.196-1.143-1.065-1.698-3.026c-.61-2.14-.94-4.99-.94-8.02c0-3.62.49-7.04%201.31-9.15l-.75-.29c-.87%202.23-1.37%205.68-1.37%209.44c0%204.3.717%208.8%202.063%2010.814c-3.508-1.052-6.153-5.495-6.153-10.804c0-3.75%201.33-7.22%203.55-9.27l-.62-.67c-2.41%202.22-3.85%205.94-3.85%209.94c0%203.16.88%206.14%202.49%208.39%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%22none%22%3E%3Cpath%20fill%3D%22%23d3883e%22%20d%3D%22M18.23%2028.028h-3.45c-.33%200-.6.27-.6.6v.12c0%20.69.56%201.25%201.25%201.25h2.16c.69%200%201.25-.56%201.25-1.25v-.12a.617.617%200%200%200-.61-.6%22%2F%3E%3Cpath%20fill%3D%22%23f3ad61%22%20d%3D%22M19.21%204.288v-1.83c0-.42-.52-.62-.8-.3l-1.59%201.82c-.18.21-.5.21-.69%200l-1.59-1.82a.456.456%200%200%200-.8.3v1.84c0%201.14-.69%202.17-1.74%202.62c-4.11%201.74-7%205.81-7%2010.56c0%206.08%205.07%2011.31%2011.15%2011.48c6.49.18%2011.8-5.03%2011.8-11.47c0-4.75-2.89-8.83-7-10.57a2.87%202.87%200%200%201-1.74-2.63%22%2F%3E%3Cpath%20fill%3D%22%23e19747%22%20d%3D%22M10.3%2025.318c1.64%202.3%203.84%203.56%206.18%203.56s4.53-1.27%206.18-3.56c1.61-2.25%202.49-5.23%202.49-8.39c0-4-1.44-7.72-3.85-9.94l-.62.67c2.22%202.05%203.55%205.52%203.55%209.27c0%205.31-2.646%209.754-6.154%2010.804c1.344-2.013%202.057-6.514%202.064-10.814c0-3.76-.5-7.2-1.37-9.44l-.75.29c.82%202.12%201.31%205.54%201.31%209.15c0%203.04-.34%205.88-.94%208.02c-.555%201.96-1.208%202.83-1.698%203.026a6%206%200%200%201-.424%200c-.49-.196-1.143-1.065-1.698-3.026c-.61-2.14-.94-4.99-.94-8.02c0-3.62.49-7.04%201.31-9.15l-.75-.29c-.87%202.23-1.37%205.68-1.37%209.44c0%204.3.717%208.8%202.063%2010.814c-3.508-1.052-6.153-5.495-6.153-10.804c0-3.75%201.33-7.22%203.55-9.27l-.62-.67c-2.41%202.22-3.85%205.94-3.85%209.94c0%203.16.88%206.14%202.49%208.39%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-flat/onion.svg?color=%231a73e8&size=48
