onion emoji
onion from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- onion
- 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 onion emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d39954" d="M26.617 32.441a4 4 0 0 0-1.025-1.172c.103-.421.056-.835-.307-1.103c-.9-.662-8.82.226-9.386 3.057c-.234 1.171.588 1.171 1.038.809c-.137.499-.212 1.011-.169 1.49a.49.49 0 0 0 .975-.087c-.03-.334.022-.694.111-1.051c.201.18.424.327.686.269c.312-.07.51-.378.64-.712c.015.212.046.348.05.363a.487.487 0 0 0 .593.345l.006-.002a.49.49 0 0 0 .348-.591a1.9 1.9 0 0 1-.019-.565c.442.267 1 .509 1.457.398c.581-.142.859-.631.997-1.113c.439.412.698.895.958 1.454a.489.489 0 1 0 .887-.412c-.185-.399-.414-.88-.793-1.348c.346.231.711.393.95.253c.166-.097.364-.302.545-.553c.377.336.589.721.592.727a.49.49 0 0 0 .662.202a.486.486 0 0 0 .204-.658"/><path fill="#edd6a6" d="M21.708 6.32c-2.741-.932-5.978-3.134-6.754-6.03c-.273-1.02-.952 1.29-1.891 1.541c-.939.252-2.682-1.409-2.408-.389c.776 2.896-.926 6.422-2.834 8.599c-3.575 4.08-6.287 8.95-4.89 14.165c2 7.465 10.1 10.746 18.41 8.519s13.684-9.118 11.684-16.582c-1.398-5.215-6.182-8.077-11.317-9.823"/><path fill="#e2a759" d="M13.66 32.585c-3.296-1.993-7.838-5.273-8.227-11.23c-.425-6.519 4.936-10.098 5.304-13.826c.444 4.428-3.559 7.236-3.214 12.866c.313 5.101 2.429 8.841 6.137 12.19"/><path fill="#e2a759" d="M19.764 32.885c-3.097-1.934-6.932-5.916-7.944-11.203c-1.457-7.611 1.103-12.145.203-17.89c1.897 6.644 1.034 9.757 2.302 16.336c.825 4.282 2.9 10.213 5.439 12.757m8.158-4.121c1.858-3.374 4.302-8.526 1.66-13.88c-2.891-5.858-9.474-6.237-11.657-9.281c1.829 4.057 6.85 4.447 9.367 9.495c2.28 4.574 2.166 8.912.63 13.666"/><path fill="#e2a759" d="M22.786 32.076c1.715-3.223 3.045-8.589 1.278-13.674c-2.543-7.32-7.027-9.966-9.121-15.392c1.679 6.703 3.983 8.966 6.174 15.298c1.427 4.12 2.596 10.295 1.669 13.768"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiOnion(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d39954" d="M26.617 32.441a4 4 0 0 0-1.025-1.172c.103-.421.056-.835-.307-1.103c-.9-.662-8.82.226-9.386 3.057c-.234 1.171.588 1.171 1.038.809c-.137.499-.212 1.011-.169 1.49a.49.49 0 0 0 .975-.087c-.03-.334.022-.694.111-1.051c.201.18.424.327.686.269c.312-.07.51-.378.64-.712c.015.212.046.348.05.363a.487.487 0 0 0 .593.345l.006-.002a.49.49 0 0 0 .348-.591a1.9 1.9 0 0 1-.019-.565c.442.267 1 .509 1.457.398c.581-.142.859-.631.997-1.113c.439.412.698.895.958 1.454a.489.489 0 1 0 .887-.412c-.185-.399-.414-.88-.793-1.348c.346.231.711.393.95.253c.166-.097.364-.302.545-.553c.377.336.589.721.592.727a.49.49 0 0 0 .662.202a.486.486 0 0 0 .204-.658"/><path fill="#edd6a6" d="M21.708 6.32c-2.741-.932-5.978-3.134-6.754-6.03c-.273-1.02-.952 1.29-1.891 1.541c-.939.252-2.682-1.409-2.408-.389c.776 2.896-.926 6.422-2.834 8.599c-3.575 4.08-6.287 8.95-4.89 14.165c2 7.465 10.1 10.746 18.41 8.519s13.684-9.118 11.684-16.582c-1.398-5.215-6.182-8.077-11.317-9.823"/><path fill="#e2a759" d="M13.66 32.585c-3.296-1.993-7.838-5.273-8.227-11.23c-.425-6.519 4.936-10.098 5.304-13.826c.444 4.428-3.559 7.236-3.214 12.866c.313 5.101 2.429 8.841 6.137 12.19"/><path fill="#e2a759" d="M19.764 32.885c-3.097-1.934-6.932-5.916-7.944-11.203c-1.457-7.611 1.103-12.145.203-17.89c1.897 6.644 1.034 9.757 2.302 16.336c.825 4.282 2.9 10.213 5.439 12.757m8.158-4.121c1.858-3.374 4.302-8.526 1.66-13.88c-2.891-5.858-9.474-6.237-11.657-9.281c1.829 4.057 6.85 4.447 9.367 9.495c2.28 4.574 2.166 8.912.63 13.666"/><path fill="#e2a759" d="M22.786 32.076c1.715-3.223 3.045-8.589 1.278-13.674c-2.543-7.32-7.027-9.966-9.121-15.392c1.679 6.703 3.983 8.966 6.174 15.298c1.427 4.12 2.596 10.295 1.669 13.768"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d39954" d="M26.617 32.441a4 4 0 0 0-1.025-1.172c.103-.421.056-.835-.307-1.103c-.9-.662-8.82.226-9.386 3.057c-.234 1.171.588 1.171 1.038.809c-.137.499-.212 1.011-.169 1.49a.49.49 0 0 0 .975-.087c-.03-.334.022-.694.111-1.051c.201.18.424.327.686.269c.312-.07.51-.378.64-.712c.015.212.046.348.05.363a.487.487 0 0 0 .593.345l.006-.002a.49.49 0 0 0 .348-.591a1.9 1.9 0 0 1-.019-.565c.442.267 1 .509 1.457.398c.581-.142.859-.631.997-1.113c.439.412.698.895.958 1.454a.489.489 0 1 0 .887-.412c-.185-.399-.414-.88-.793-1.348c.346.231.711.393.95.253c.166-.097.364-.302.545-.553c.377.336.589.721.592.727a.49.49 0 0 0 .662.202a.486.486 0 0 0 .204-.658"/><path fill="#edd6a6" d="M21.708 6.32c-2.741-.932-5.978-3.134-6.754-6.03c-.273-1.02-.952 1.29-1.891 1.541c-.939.252-2.682-1.409-2.408-.389c.776 2.896-.926 6.422-2.834 8.599c-3.575 4.08-6.287 8.95-4.89 14.165c2 7.465 10.1 10.746 18.41 8.519s13.684-9.118 11.684-16.582c-1.398-5.215-6.182-8.077-11.317-9.823"/><path fill="#e2a759" d="M13.66 32.585c-3.296-1.993-7.838-5.273-8.227-11.23c-.425-6.519 4.936-10.098 5.304-13.826c.444 4.428-3.559 7.236-3.214 12.866c.313 5.101 2.429 8.841 6.137 12.19"/><path fill="#e2a759" d="M19.764 32.885c-3.097-1.934-6.932-5.916-7.944-11.203c-1.457-7.611 1.103-12.145.203-17.89c1.897 6.644 1.034 9.757 2.302 16.336c.825 4.282 2.9 10.213 5.439 12.757m8.158-4.121c1.858-3.374 4.302-8.526 1.66-13.88c-2.891-5.858-9.474-6.237-11.657-9.281c1.829 4.057 6.85 4.447 9.367 9.495c2.28 4.574 2.166 8.912.63 13.666"/><path fill="#e2a759" d="M22.786 32.076c1.715-3.223 3.045-8.589 1.278-13.674c-2.543-7.32-7.027-9.966-9.121-15.392c1.679 6.703 3.983 8.966 6.174 15.298c1.427 4.12 2.596 10.295 1.669 13.768"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d39954%22%20d%3D%22M26.617%2032.441a4%204%200%200%200-1.025-1.172c.103-.421.056-.835-.307-1.103c-.9-.662-8.82.226-9.386%203.057c-.234%201.171.588%201.171%201.038.809c-.137.499-.212%201.011-.169%201.49a.49.49%200%200%200%20.975-.087c-.03-.334.022-.694.111-1.051c.201.18.424.327.686.269c.312-.07.51-.378.64-.712c.015.212.046.348.05.363a.487.487%200%200%200%20.593.345l.006-.002a.49.49%200%200%200%20.348-.591a1.9%201.9%200%200%201-.019-.565c.442.267%201%20.509%201.457.398c.581-.142.859-.631.997-1.113c.439.412.698.895.958%201.454a.489.489%200%201%200%20.887-.412c-.185-.399-.414-.88-.793-1.348c.346.231.711.393.95.253c.166-.097.364-.302.545-.553c.377.336.589.721.592.727a.49.49%200%200%200%20.662.202a.486.486%200%200%200%20.204-.658%22%2F%3E%3Cpath%20fill%3D%22%23edd6a6%22%20d%3D%22M21.708%206.32c-2.741-.932-5.978-3.134-6.754-6.03c-.273-1.02-.952%201.29-1.891%201.541c-.939.252-2.682-1.409-2.408-.389c.776%202.896-.926%206.422-2.834%208.599c-3.575%204.08-6.287%208.95-4.89%2014.165c2%207.465%2010.1%2010.746%2018.41%208.519s13.684-9.118%2011.684-16.582c-1.398-5.215-6.182-8.077-11.317-9.823%22%2F%3E%3Cpath%20fill%3D%22%23e2a759%22%20d%3D%22M13.66%2032.585c-3.296-1.993-7.838-5.273-8.227-11.23c-.425-6.519%204.936-10.098%205.304-13.826c.444%204.428-3.559%207.236-3.214%2012.866c.313%205.101%202.429%208.841%206.137%2012.19%22%2F%3E%3Cpath%20fill%3D%22%23e2a759%22%20d%3D%22M19.764%2032.885c-3.097-1.934-6.932-5.916-7.944-11.203c-1.457-7.611%201.103-12.145.203-17.89c1.897%206.644%201.034%209.757%202.302%2016.336c.825%204.282%202.9%2010.213%205.439%2012.757m8.158-4.121c1.858-3.374%204.302-8.526%201.66-13.88c-2.891-5.858-9.474-6.237-11.657-9.281c1.829%204.057%206.85%204.447%209.367%209.495c2.28%204.574%202.166%208.912.63%2013.666%22%2F%3E%3Cpath%20fill%3D%22%23e2a759%22%20d%3D%22M22.786%2032.076c1.715-3.223%203.045-8.589%201.278-13.674c-2.543-7.32-7.027-9.966-9.121-15.392c1.679%206.703%203.983%208.966%206.174%2015.298c1.427%204.12%202.596%2010.295%201.669%2013.768%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%23d39954%22%20d%3D%22M26.617%2032.441a4%204%200%200%200-1.025-1.172c.103-.421.056-.835-.307-1.103c-.9-.662-8.82.226-9.386%203.057c-.234%201.171.588%201.171%201.038.809c-.137.499-.212%201.011-.169%201.49a.49.49%200%200%200%20.975-.087c-.03-.334.022-.694.111-1.051c.201.18.424.327.686.269c.312-.07.51-.378.64-.712c.015.212.046.348.05.363a.487.487%200%200%200%20.593.345l.006-.002a.49.49%200%200%200%20.348-.591a1.9%201.9%200%200%201-.019-.565c.442.267%201%20.509%201.457.398c.581-.142.859-.631.997-1.113c.439.412.698.895.958%201.454a.489.489%200%201%200%20.887-.412c-.185-.399-.414-.88-.793-1.348c.346.231.711.393.95.253c.166-.097.364-.302.545-.553c.377.336.589.721.592.727a.49.49%200%200%200%20.662.202a.486.486%200%200%200%20.204-.658%22%2F%3E%3Cpath%20fill%3D%22%23edd6a6%22%20d%3D%22M21.708%206.32c-2.741-.932-5.978-3.134-6.754-6.03c-.273-1.02-.952%201.29-1.891%201.541c-.939.252-2.682-1.409-2.408-.389c.776%202.896-.926%206.422-2.834%208.599c-3.575%204.08-6.287%208.95-4.89%2014.165c2%207.465%2010.1%2010.746%2018.41%208.519s13.684-9.118%2011.684-16.582c-1.398-5.215-6.182-8.077-11.317-9.823%22%2F%3E%3Cpath%20fill%3D%22%23e2a759%22%20d%3D%22M13.66%2032.585c-3.296-1.993-7.838-5.273-8.227-11.23c-.425-6.519%204.936-10.098%205.304-13.826c.444%204.428-3.559%207.236-3.214%2012.866c.313%205.101%202.429%208.841%206.137%2012.19%22%2F%3E%3Cpath%20fill%3D%22%23e2a759%22%20d%3D%22M19.764%2032.885c-3.097-1.934-6.932-5.916-7.944-11.203c-1.457-7.611%201.103-12.145.203-17.89c1.897%206.644%201.034%209.757%202.302%2016.336c.825%204.282%202.9%2010.213%205.439%2012.757m8.158-4.121c1.858-3.374%204.302-8.526%201.66-13.88c-2.891-5.858-9.474-6.237-11.657-9.281c1.829%204.057%206.85%204.447%209.367%209.495c2.28%204.574%202.166%208.912.63%2013.666%22%2F%3E%3Cpath%20fill%3D%22%23e2a759%22%20d%3D%22M22.786%2032.076c1.715-3.223%203.045-8.589%201.278-13.674c-2.543-7.32-7.027-9.966-9.121-15.392c1.679%206.703%203.983%208.966%206.174%2015.298c1.427%204.12%202.596%2010.295%201.669%2013.768%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/onion.svg?color=%231a73e8&size=48
