mango emoji
mango from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- mango
- 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 mango emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M26.38 3.539c.483-.039 1.259-.655 1.664-.595s1.573 1.078 1.67 1.283s-.637 1.178-.746 1.48s-.64.239-1.51-.543c-.869-.782-1.078-1.625-1.078-1.625"/><path fill="#ea564b" d="M12.3 3.139c4.545-2.66 11.267-2.611 13.685-.58c1.617 1.358 2.942 2.401 4.474 3.011c2.022.804 3.692 3.154 4.415 5.384c.981 3.023 1.68 12.579-8.029 18.516c-6.233 3.812-17.656 5.363-18.961 4.723c-.984-.483-4.621-2.09-6.675-6.453S-1.324 11.111 12.3 3.139"/><path fill="#f97253" d="M17.329 2.607C22.578 1.125 26.5 4.743 24.078 5c-4.359.463-9.015 4.969-12.625 8.375c-6.625 6.25-8.125 13.75-9 12.5c-1.424-2.034-1.468-9.148 3.561-15.386s9.104-7.257 11.315-7.882"/><path fill="#77b255" d="M28.271 4.278c2.174.697 4.987 4.564 4.944 7.811c-.114 8.655-4.132 11.992-4.132 11.992s-2.551-9.325-2.171-12.719c.278-2.478 1.646-3.166 1.891-4.569c.229-1.305-.532-2.515-.532-2.515"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiMango(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M26.38 3.539c.483-.039 1.259-.655 1.664-.595s1.573 1.078 1.67 1.283s-.637 1.178-.746 1.48s-.64.239-1.51-.543c-.869-.782-1.078-1.625-1.078-1.625"/><path fill="#ea564b" d="M12.3 3.139c4.545-2.66 11.267-2.611 13.685-.58c1.617 1.358 2.942 2.401 4.474 3.011c2.022.804 3.692 3.154 4.415 5.384c.981 3.023 1.68 12.579-8.029 18.516c-6.233 3.812-17.656 5.363-18.961 4.723c-.984-.483-4.621-2.09-6.675-6.453S-1.324 11.111 12.3 3.139"/><path fill="#f97253" d="M17.329 2.607C22.578 1.125 26.5 4.743 24.078 5c-4.359.463-9.015 4.969-12.625 8.375c-6.625 6.25-8.125 13.75-9 12.5c-1.424-2.034-1.468-9.148 3.561-15.386s9.104-7.257 11.315-7.882"/><path fill="#77b255" d="M28.271 4.278c2.174.697 4.987 4.564 4.944 7.811c-.114 8.655-4.132 11.992-4.132 11.992s-2.551-9.325-2.171-12.719c.278-2.478 1.646-3.166 1.891-4.569c.229-1.305-.532-2.515-.532-2.515"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#77b255" d="M26.38 3.539c.483-.039 1.259-.655 1.664-.595s1.573 1.078 1.67 1.283s-.637 1.178-.746 1.48s-.64.239-1.51-.543c-.869-.782-1.078-1.625-1.078-1.625"/><path fill="#ea564b" d="M12.3 3.139c4.545-2.66 11.267-2.611 13.685-.58c1.617 1.358 2.942 2.401 4.474 3.011c2.022.804 3.692 3.154 4.415 5.384c.981 3.023 1.68 12.579-8.029 18.516c-6.233 3.812-17.656 5.363-18.961 4.723c-.984-.483-4.621-2.09-6.675-6.453S-1.324 11.111 12.3 3.139"/><path fill="#f97253" d="M17.329 2.607C22.578 1.125 26.5 4.743 24.078 5c-4.359.463-9.015 4.969-12.625 8.375c-6.625 6.25-8.125 13.75-9 12.5c-1.424-2.034-1.468-9.148 3.561-15.386s9.104-7.257 11.315-7.882"/><path fill="#77b255" d="M28.271 4.278c2.174.697 4.987 4.564 4.944 7.811c-.114 8.655-4.132 11.992-4.132 11.992s-2.551-9.325-2.171-12.719c.278-2.478 1.646-3.166 1.891-4.569c.229-1.305-.532-2.515-.532-2.515"/></svg> </template>
CSS
.icon-mango {
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%2377b255%22%20d%3D%22M26.38%203.539c.483-.039%201.259-.655%201.664-.595s1.573%201.078%201.67%201.283s-.637%201.178-.746%201.48s-.64.239-1.51-.543c-.869-.782-1.078-1.625-1.078-1.625%22%2F%3E%3Cpath%20fill%3D%22%23ea564b%22%20d%3D%22M12.3%203.139c4.545-2.66%2011.267-2.611%2013.685-.58c1.617%201.358%202.942%202.401%204.474%203.011c2.022.804%203.692%203.154%204.415%205.384c.981%203.023%201.68%2012.579-8.029%2018.516c-6.233%203.812-17.656%205.363-18.961%204.723c-.984-.483-4.621-2.09-6.675-6.453S-1.324%2011.111%2012.3%203.139%22%2F%3E%3Cpath%20fill%3D%22%23f97253%22%20d%3D%22M17.329%202.607C22.578%201.125%2026.5%204.743%2024.078%205c-4.359.463-9.015%204.969-12.625%208.375c-6.625%206.25-8.125%2013.75-9%2012.5c-1.424-2.034-1.468-9.148%203.561-15.386s9.104-7.257%2011.315-7.882%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M28.271%204.278c2.174.697%204.987%204.564%204.944%207.811c-.114%208.655-4.132%2011.992-4.132%2011.992s-2.551-9.325-2.171-12.719c.278-2.478%201.646-3.166%201.891-4.569c.229-1.305-.532-2.515-.532-2.515%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%2377b255%22%20d%3D%22M26.38%203.539c.483-.039%201.259-.655%201.664-.595s1.573%201.078%201.67%201.283s-.637%201.178-.746%201.48s-.64.239-1.51-.543c-.869-.782-1.078-1.625-1.078-1.625%22%2F%3E%3Cpath%20fill%3D%22%23ea564b%22%20d%3D%22M12.3%203.139c4.545-2.66%2011.267-2.611%2013.685-.58c1.617%201.358%202.942%202.401%204.474%203.011c2.022.804%203.692%203.154%204.415%205.384c.981%203.023%201.68%2012.579-8.029%2018.516c-6.233%203.812-17.656%205.363-18.961%204.723c-.984-.483-4.621-2.09-6.675-6.453S-1.324%2011.111%2012.3%203.139%22%2F%3E%3Cpath%20fill%3D%22%23f97253%22%20d%3D%22M17.329%202.607C22.578%201.125%2026.5%204.743%2024.078%205c-4.359.463-9.015%204.969-12.625%208.375c-6.625%206.25-8.125%2013.75-9%2012.5c-1.424-2.034-1.468-9.148%203.561-15.386s9.104-7.257%2011.315-7.882%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M28.271%204.278c2.174.697%204.987%204.564%204.944%207.811c-.114%208.655-4.132%2011.992-4.132%2011.992s-2.551-9.325-2.171-12.719c.278-2.478%201.646-3.166%201.891-4.569c.229-1.305-.532-2.515-.532-2.515%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/mango.svg?color=%231a73e8&size=48
