onion emoji
onion from Fluent Emoji High Contrast by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- onion
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More food & drink icons from Fluent Emoji High Contrast
Use the onion emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M12.74 2.458c0-1.333 1.658-1.981 2.553-.959l1.182 1.354L17.657 1.5c.895-1.023 2.553-.375 2.553.958v1.83c0 .738.44 1.405 1.136 1.712c4.464 1.892 7.604 6.325 7.604 11.488c0 6.076-4.349 11.146-10.11 12.25v.01c0 .69-.56 1.25-1.25 1.25h-2.16c-.69 0-1.25-.56-1.25-1.25v-.005C8.458 28.632 4 23.438 4 17.478c0-5.166 3.143-9.589 7.608-11.48a1.86 1.86 0 0 0 1.132-1.7zm2 1.449v.39a3.86 3.86 0 0 1-2.346 3.54l-.004.002q-.276.116-.542.248c-1.96 2.085-3.118 5.341-3.118 8.84c0 5.31 2.645 9.753 6.153 10.805c-1.346-2.014-2.063-6.514-2.063-10.814c0-3.76.5-7.21 1.37-9.44l.75.29c-.82 2.11-1.31 5.53-1.31 9.15c0 3.03.33 5.88.94 8.02c.552 1.949 1.2 2.82 1.69 3.022q.221.005.441 0c.489-.203 1.137-1.074 1.689-3.022c.6-2.14.94-4.98.94-8.02c0-3.61-.49-7.03-1.31-9.15l.75-.29c.87 2.24 1.37 5.68 1.37 9.44c-.007 4.3-.72 8.801-2.064 10.814c3.508-1.05 6.154-5.494 6.154-10.804c0-3.495-1.155-6.746-3.109-8.832a10 10 0 0 0-.56-.257l-.012-.005a3.87 3.87 0 0 1-2.339-3.546v-.381l-.635.726a1.456 1.456 0 0 1-2.186.016l-.006-.007zM9.67 9.52A10.44 10.44 0 0 0 6 17.478c0 3.797 2.18 7.24 5.335 9.08q-.547-.559-1.035-1.24c-1.61-2.25-2.49-5.23-2.49-8.39c0-2.728.67-5.326 1.86-7.407m11.817 17.167a10.47 10.47 0 0 0 5.463-9.2c0-3.176-1.416-6.025-3.649-7.947c1.184 2.078 1.849 4.668 1.849 7.387c0 3.16-.88 6.14-2.49 8.39q-.55.762-1.173 1.37"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastOnion(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M12.74 2.458c0-1.333 1.658-1.981 2.553-.959l1.182 1.354L17.657 1.5c.895-1.023 2.553-.375 2.553.958v1.83c0 .738.44 1.405 1.136 1.712c4.464 1.892 7.604 6.325 7.604 11.488c0 6.076-4.349 11.146-10.11 12.25v.01c0 .69-.56 1.25-1.25 1.25h-2.16c-.69 0-1.25-.56-1.25-1.25v-.005C8.458 28.632 4 23.438 4 17.478c0-5.166 3.143-9.589 7.608-11.48a1.86 1.86 0 0 0 1.132-1.7zm2 1.449v.39a3.86 3.86 0 0 1-2.346 3.54l-.004.002q-.276.116-.542.248c-1.96 2.085-3.118 5.341-3.118 8.84c0 5.31 2.645 9.753 6.153 10.805c-1.346-2.014-2.063-6.514-2.063-10.814c0-3.76.5-7.21 1.37-9.44l.75.29c-.82 2.11-1.31 5.53-1.31 9.15c0 3.03.33 5.88.94 8.02c.552 1.949 1.2 2.82 1.69 3.022q.221.005.441 0c.489-.203 1.137-1.074 1.689-3.022c.6-2.14.94-4.98.94-8.02c0-3.61-.49-7.03-1.31-9.15l.75-.29c.87 2.24 1.37 5.68 1.37 9.44c-.007 4.3-.72 8.801-2.064 10.814c3.508-1.05 6.154-5.494 6.154-10.804c0-3.495-1.155-6.746-3.109-8.832a10 10 0 0 0-.56-.257l-.012-.005a3.87 3.87 0 0 1-2.339-3.546v-.381l-.635.726a1.456 1.456 0 0 1-2.186.016l-.006-.007zM9.67 9.52A10.44 10.44 0 0 0 6 17.478c0 3.797 2.18 7.24 5.335 9.08q-.547-.559-1.035-1.24c-1.61-2.25-2.49-5.23-2.49-8.39c0-2.728.67-5.326 1.86-7.407m11.817 17.167a10.47 10.47 0 0 0 5.463-9.2c0-3.176-1.416-6.025-3.649-7.947c1.184 2.078 1.849 4.668 1.849 7.387c0 3.16-.88 6.14-2.49 8.39q-.55.762-1.173 1.37"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M12.74 2.458c0-1.333 1.658-1.981 2.553-.959l1.182 1.354L17.657 1.5c.895-1.023 2.553-.375 2.553.958v1.83c0 .738.44 1.405 1.136 1.712c4.464 1.892 7.604 6.325 7.604 11.488c0 6.076-4.349 11.146-10.11 12.25v.01c0 .69-.56 1.25-1.25 1.25h-2.16c-.69 0-1.25-.56-1.25-1.25v-.005C8.458 28.632 4 23.438 4 17.478c0-5.166 3.143-9.589 7.608-11.48a1.86 1.86 0 0 0 1.132-1.7zm2 1.449v.39a3.86 3.86 0 0 1-2.346 3.54l-.004.002q-.276.116-.542.248c-1.96 2.085-3.118 5.341-3.118 8.84c0 5.31 2.645 9.753 6.153 10.805c-1.346-2.014-2.063-6.514-2.063-10.814c0-3.76.5-7.21 1.37-9.44l.75.29c-.82 2.11-1.31 5.53-1.31 9.15c0 3.03.33 5.88.94 8.02c.552 1.949 1.2 2.82 1.69 3.022q.221.005.441 0c.489-.203 1.137-1.074 1.689-3.022c.6-2.14.94-4.98.94-8.02c0-3.61-.49-7.03-1.31-9.15l.75-.29c.87 2.24 1.37 5.68 1.37 9.44c-.007 4.3-.72 8.801-2.064 10.814c3.508-1.05 6.154-5.494 6.154-10.804c0-3.495-1.155-6.746-3.109-8.832a10 10 0 0 0-.56-.257l-.012-.005a3.87 3.87 0 0 1-2.339-3.546v-.381l-.635.726a1.456 1.456 0 0 1-2.186.016l-.006-.007zM9.67 9.52A10.44 10.44 0 0 0 6 17.478c0 3.797 2.18 7.24 5.335 9.08q-.547-.559-1.035-1.24c-1.61-2.25-2.49-5.23-2.49-8.39c0-2.728.67-5.326 1.86-7.407m11.817 17.167a10.47 10.47 0 0 0 5.463-9.2c0-3.176-1.416-6.025-3.649-7.947c1.184 2.078 1.849 4.668 1.849 7.387c0 3.16-.88 6.14-2.49 8.39q-.55.762-1.173 1.37"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.74%202.458c0-1.333%201.658-1.981%202.553-.959l1.182%201.354L17.657%201.5c.895-1.023%202.553-.375%202.553.958v1.83c0%20.738.44%201.405%201.136%201.712c4.464%201.892%207.604%206.325%207.604%2011.488c0%206.076-4.349%2011.146-10.11%2012.25v.01c0%20.69-.56%201.25-1.25%201.25h-2.16c-.69%200-1.25-.56-1.25-1.25v-.005C8.458%2028.632%204%2023.438%204%2017.478c0-5.166%203.143-9.589%207.608-11.48a1.86%201.86%200%200%200%201.132-1.7zm2%201.449v.39a3.86%203.86%200%200%201-2.346%203.54l-.004.002q-.276.116-.542.248c-1.96%202.085-3.118%205.341-3.118%208.84c0%205.31%202.645%209.753%206.153%2010.805c-1.346-2.014-2.063-6.514-2.063-10.814c0-3.76.5-7.21%201.37-9.44l.75.29c-.82%202.11-1.31%205.53-1.31%209.15c0%203.03.33%205.88.94%208.02c.552%201.949%201.2%202.82%201.69%203.022q.221.005.441%200c.489-.203%201.137-1.074%201.689-3.022c.6-2.14.94-4.98.94-8.02c0-3.61-.49-7.03-1.31-9.15l.75-.29c.87%202.24%201.37%205.68%201.37%209.44c-.007%204.3-.72%208.801-2.064%2010.814c3.508-1.05%206.154-5.494%206.154-10.804c0-3.495-1.155-6.746-3.109-8.832a10%2010%200%200%200-.56-.257l-.012-.005a3.87%203.87%200%200%201-2.339-3.546v-.381l-.635.726a1.456%201.456%200%200%201-2.186.016l-.006-.007zM9.67%209.52A10.44%2010.44%200%200%200%206%2017.478c0%203.797%202.18%207.24%205.335%209.08q-.547-.559-1.035-1.24c-1.61-2.25-2.49-5.23-2.49-8.39c0-2.728.67-5.326%201.86-7.407m11.817%2017.167a10.47%2010.47%200%200%200%205.463-9.2c0-3.176-1.416-6.025-3.649-7.947c1.184%202.078%201.849%204.668%201.849%207.387c0%203.16-.88%206.14-2.49%208.39q-.55.762-1.173%201.37%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.74%202.458c0-1.333%201.658-1.981%202.553-.959l1.182%201.354L17.657%201.5c.895-1.023%202.553-.375%202.553.958v1.83c0%20.738.44%201.405%201.136%201.712c4.464%201.892%207.604%206.325%207.604%2011.488c0%206.076-4.349%2011.146-10.11%2012.25v.01c0%20.69-.56%201.25-1.25%201.25h-2.16c-.69%200-1.25-.56-1.25-1.25v-.005C8.458%2028.632%204%2023.438%204%2017.478c0-5.166%203.143-9.589%207.608-11.48a1.86%201.86%200%200%200%201.132-1.7zm2%201.449v.39a3.86%203.86%200%200%201-2.346%203.54l-.004.002q-.276.116-.542.248c-1.96%202.085-3.118%205.341-3.118%208.84c0%205.31%202.645%209.753%206.153%2010.805c-1.346-2.014-2.063-6.514-2.063-10.814c0-3.76.5-7.21%201.37-9.44l.75.29c-.82%202.11-1.31%205.53-1.31%209.15c0%203.03.33%205.88.94%208.02c.552%201.949%201.2%202.82%201.69%203.022q.221.005.441%200c.489-.203%201.137-1.074%201.689-3.022c.6-2.14.94-4.98.94-8.02c0-3.61-.49-7.03-1.31-9.15l.75-.29c.87%202.24%201.37%205.68%201.37%209.44c-.007%204.3-.72%208.801-2.064%2010.814c3.508-1.05%206.154-5.494%206.154-10.804c0-3.495-1.155-6.746-3.109-8.832a10%2010%200%200%200-.56-.257l-.012-.005a3.87%203.87%200%200%201-2.339-3.546v-.381l-.635.726a1.456%201.456%200%200%201-2.186.016l-.006-.007zM9.67%209.52A10.44%2010.44%200%200%200%206%2017.478c0%203.797%202.18%207.24%205.335%209.08q-.547-.559-1.035-1.24c-1.61-2.25-2.49-5.23-2.49-8.39c0-2.728.67-5.326%201.86-7.407m11.817%2017.167a10.47%2010.47%200%200%200%205.463-9.2c0-3.176-1.416-6.025-3.649-7.947c1.184%202.078%201.849%204.668%201.849%207.387c0%203.16-.88%206.14-2.49%208.39q-.55.762-1.173%201.37%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/onion.svg?color=%231a73e8&size=48
