melon emoji
melon from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- melon
- 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 melon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#a6d388" d="M31.924 10.982c4.418 7.652 1.99 17.326-5.424 21.607S9.995 35.002 5.576 27.348C.577 18.688 3.086 9.156 10.5 4.876s17.924.044 21.424 6.106"/><path fill="#77b255" d="M24 6c3 1 6 4 8 7c.836 1.254.729-.078-.294-2.348C28.02 4.768 17.777.675 10.5 4.876a14.84 14.84 0 0 0-6.413 7.408C4.808 11.471 5.52 11 6 11c1 0-1.896 3.279 1 11c3 8 3 4 3 4s-2-9-1-12s2-5 3-4s5 9 7 14c2.259 5.647 2-1-1-8c-2.841-6.628-3-8-2-8s3.465 1.464 7 5c2 2 3 5 4 6s1-1 0-4c-.707-2.121-3-6-6-8c-2.496-1.664 0-2 3-1"/><path fill="#5c913b" d="M11.934 6.358a1 1 0 0 1-1.367-.366c-1.104-1.914-1.26-4.303-1.266-4.404a1.002 1.002 0 0 1 1.998-.122c.001.021.137 2.027 1.001 3.525a1 1 0 0 1-.366 1.367"/><path fill="#77b255" d="M11.961 30.533C11 30 10.234 28.557 9.552 27.308s.276-1.276.886-.159c.681 1.249 1.204 1.612 1.886 2.861s.194.832-.363.523m9.543.373c-.874-2.059-.812-3.057-1.686-5.114c-.874-2.059-.749-4.055.124-1.997c.874 2.059 1.748 4.118 1.687 5.115c-.064.999-.125 1.996-.125 1.996M27 19c1 3 0 2 1 5s1 5 1 0c0-3.162-1-6-2-7c-1.581-1.581 0 2 0 2"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiMelon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#a6d388" d="M31.924 10.982c4.418 7.652 1.99 17.326-5.424 21.607S9.995 35.002 5.576 27.348C.577 18.688 3.086 9.156 10.5 4.876s17.924.044 21.424 6.106"/><path fill="#77b255" d="M24 6c3 1 6 4 8 7c.836 1.254.729-.078-.294-2.348C28.02 4.768 17.777.675 10.5 4.876a14.84 14.84 0 0 0-6.413 7.408C4.808 11.471 5.52 11 6 11c1 0-1.896 3.279 1 11c3 8 3 4 3 4s-2-9-1-12s2-5 3-4s5 9 7 14c2.259 5.647 2-1-1-8c-2.841-6.628-3-8-2-8s3.465 1.464 7 5c2 2 3 5 4 6s1-1 0-4c-.707-2.121-3-6-6-8c-2.496-1.664 0-2 3-1"/><path fill="#5c913b" d="M11.934 6.358a1 1 0 0 1-1.367-.366c-1.104-1.914-1.26-4.303-1.266-4.404a1.002 1.002 0 0 1 1.998-.122c.001.021.137 2.027 1.001 3.525a1 1 0 0 1-.366 1.367"/><path fill="#77b255" d="M11.961 30.533C11 30 10.234 28.557 9.552 27.308s.276-1.276.886-.159c.681 1.249 1.204 1.612 1.886 2.861s.194.832-.363.523m9.543.373c-.874-2.059-.812-3.057-1.686-5.114c-.874-2.059-.749-4.055.124-1.997c.874 2.059 1.748 4.118 1.687 5.115c-.064.999-.125 1.996-.125 1.996M27 19c1 3 0 2 1 5s1 5 1 0c0-3.162-1-6-2-7c-1.581-1.581 0 2 0 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#a6d388" d="M31.924 10.982c4.418 7.652 1.99 17.326-5.424 21.607S9.995 35.002 5.576 27.348C.577 18.688 3.086 9.156 10.5 4.876s17.924.044 21.424 6.106"/><path fill="#77b255" d="M24 6c3 1 6 4 8 7c.836 1.254.729-.078-.294-2.348C28.02 4.768 17.777.675 10.5 4.876a14.84 14.84 0 0 0-6.413 7.408C4.808 11.471 5.52 11 6 11c1 0-1.896 3.279 1 11c3 8 3 4 3 4s-2-9-1-12s2-5 3-4s5 9 7 14c2.259 5.647 2-1-1-8c-2.841-6.628-3-8-2-8s3.465 1.464 7 5c2 2 3 5 4 6s1-1 0-4c-.707-2.121-3-6-6-8c-2.496-1.664 0-2 3-1"/><path fill="#5c913b" d="M11.934 6.358a1 1 0 0 1-1.367-.366c-1.104-1.914-1.26-4.303-1.266-4.404a1.002 1.002 0 0 1 1.998-.122c.001.021.137 2.027 1.001 3.525a1 1 0 0 1-.366 1.367"/><path fill="#77b255" d="M11.961 30.533C11 30 10.234 28.557 9.552 27.308s.276-1.276.886-.159c.681 1.249 1.204 1.612 1.886 2.861s.194.832-.363.523m9.543.373c-.874-2.059-.812-3.057-1.686-5.114c-.874-2.059-.749-4.055.124-1.997c.874 2.059 1.748 4.118 1.687 5.115c-.064.999-.125 1.996-.125 1.996M27 19c1 3 0 2 1 5s1 5 1 0c0-3.162-1-6-2-7c-1.581-1.581 0 2 0 2"/></svg> </template>
CSS
.icon-melon {
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%23a6d388%22%20d%3D%22M31.924%2010.982c4.418%207.652%201.99%2017.326-5.424%2021.607S9.995%2035.002%205.576%2027.348C.577%2018.688%203.086%209.156%2010.5%204.876s17.924.044%2021.424%206.106%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M24%206c3%201%206%204%208%207c.836%201.254.729-.078-.294-2.348C28.02%204.768%2017.777.675%2010.5%204.876a14.84%2014.84%200%200%200-6.413%207.408C4.808%2011.471%205.52%2011%206%2011c1%200-1.896%203.279%201%2011c3%208%203%204%203%204s-2-9-1-12s2-5%203-4s5%209%207%2014c2.259%205.647%202-1-1-8c-2.841-6.628-3-8-2-8s3.465%201.464%207%205c2%202%203%205%204%206s1-1%200-4c-.707-2.121-3-6-6-8c-2.496-1.664%200-2%203-1%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M11.934%206.358a1%201%200%200%201-1.367-.366c-1.104-1.914-1.26-4.303-1.266-4.404a1.002%201.002%200%200%201%201.998-.122c.001.021.137%202.027%201.001%203.525a1%201%200%200%201-.366%201.367%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M11.961%2030.533C11%2030%2010.234%2028.557%209.552%2027.308s.276-1.276.886-.159c.681%201.249%201.204%201.612%201.886%202.861s.194.832-.363.523m9.543.373c-.874-2.059-.812-3.057-1.686-5.114c-.874-2.059-.749-4.055.124-1.997c.874%202.059%201.748%204.118%201.687%205.115c-.064.999-.125%201.996-.125%201.996M27%2019c1%203%200%202%201%205s1%205%201%200c0-3.162-1-6-2-7c-1.581-1.581%200%202%200%202%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%23a6d388%22%20d%3D%22M31.924%2010.982c4.418%207.652%201.99%2017.326-5.424%2021.607S9.995%2035.002%205.576%2027.348C.577%2018.688%203.086%209.156%2010.5%204.876s17.924.044%2021.424%206.106%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M24%206c3%201%206%204%208%207c.836%201.254.729-.078-.294-2.348C28.02%204.768%2017.777.675%2010.5%204.876a14.84%2014.84%200%200%200-6.413%207.408C4.808%2011.471%205.52%2011%206%2011c1%200-1.896%203.279%201%2011c3%208%203%204%203%204s-2-9-1-12s2-5%203-4s5%209%207%2014c2.259%205.647%202-1-1-8c-2.841-6.628-3-8-2-8s3.465%201.464%207%205c2%202%203%205%204%206s1-1%200-4c-.707-2.121-3-6-6-8c-2.496-1.664%200-2%203-1%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M11.934%206.358a1%201%200%200%201-1.367-.366c-1.104-1.914-1.26-4.303-1.266-4.404a1.002%201.002%200%200%201%201.998-.122c.001.021.137%202.027%201.001%203.525a1%201%200%200%201-.366%201.367%22%2F%3E%3Cpath%20fill%3D%22%2377b255%22%20d%3D%22M11.961%2030.533C11%2030%2010.234%2028.557%209.552%2027.308s.276-1.276.886-.159c.681%201.249%201.204%201.612%201.886%202.861s.194.832-.363.523m9.543.373c-.874-2.059-.812-3.057-1.686-5.114c-.874-2.059-.749-4.055.124-1.997c.874%202.059%201.748%204.118%201.687%205.115c-.064.999-.125%201.996-.125%201.996M27%2019c1%203%200%202%201%205s1%205%201%200c0-3.162-1-6-2-7c-1.581-1.581%200%202%200%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/melon.svg?color=%231a73e8&size=48
