watermelon emoji
watermelon from Emoji One (Colored) by Emoji One · Default · Food · CC-BY-4.0 Attribution required.
- Name
- watermelon
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Food
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
watermelonElement PluswatermelonFluent EmojiwatermelonFluent Emoji FlatwatermelonFluent Emoji High ContrastwatermelonFirefox OS EmojiwatermelonHuge IconswatermelonIconParkwatermelonIconPark OutlinewatermelonIconPark SolidwatermelonIconPark TwoTonewatermelonLucide LabwatermelonNoto EmojiwatermelonOpenMojiwatermelonTDesign IconswatermelonTwitter Emoji
More food icons from Emoji One (Colored)
Use the watermelon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f55" d="M2.1 50.3c16.2 15.6 43.6 15.6 59.8-.1L32 2z"/><path fill="#ceff80" d="m6 44l-1.1 1.6c11.8 10.4 36.8 14.5 54.3-.1L58 44C42.9 55.5 21.1 55.5 6 44"/><path fill="#8cc63e" d="M4.9 45.6L2 50.2c16.2 15.7 43.7 15.7 60-.1l-2.8-4.6C43.7 58 20.3 58 4.9 45.6"/><path fill="#3e4347" d="M16 38.5c0-1.3 2.4-4.6 2.4-4.6s2.5 3.4 2.5 4.7s-1 2.3-2.4 2.3s-2.5-1.1-2.5-2.4m12.4 4.6c0-1.3 2.4-4.6 2.4-4.6s2.5 3.4 2.5 4.7s-1 2.3-2.4 2.3s-2.5-1.1-2.5-2.4m8.1-11.6c0-1.3 2.4-4.6 2.4-4.6s2.5 3.4 2.5 4.7s-1 2.3-2.4 2.3s-2.5-1.1-2.5-2.4m8.2 11c0-1.3 2.4-4.6 2.4-4.6s2.5 3.4 2.5 4.7s-1 2.3-2.4 2.3c-1.4-.1-2.5-1.1-2.5-2.4M27.2 20.9c0-1.3 2.4-4.6 2.4-4.6S32 19.7 32 21s-1 2.3-2.4 2.3c-1.3-.1-2.4-1.1-2.4-2.4"/><path fill="#64892f" d="M28.2 54.7v7.1q3.75.3 7.5 0v-7.1c-2.4.2-5 .2-7.5 0m-17.6-5.3l-2.2 5.8c2.1 1.4 4.4 2.5 6.7 3.5l2.3-6.2c-2.3-.8-4.6-1.9-6.8-3.1m42.8 0c-2.2 1.2-4.5 2.3-6.9 3.1l2.3 6.2c2.3-1 4.6-2.1 6.7-3.5z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneWatermelon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f55" d="M2.1 50.3c16.2 15.6 43.6 15.6 59.8-.1L32 2z"/><path fill="#ceff80" d="m6 44l-1.1 1.6c11.8 10.4 36.8 14.5 54.3-.1L58 44C42.9 55.5 21.1 55.5 6 44"/><path fill="#8cc63e" d="M4.9 45.6L2 50.2c16.2 15.7 43.7 15.7 60-.1l-2.8-4.6C43.7 58 20.3 58 4.9 45.6"/><path fill="#3e4347" d="M16 38.5c0-1.3 2.4-4.6 2.4-4.6s2.5 3.4 2.5 4.7s-1 2.3-2.4 2.3s-2.5-1.1-2.5-2.4m12.4 4.6c0-1.3 2.4-4.6 2.4-4.6s2.5 3.4 2.5 4.7s-1 2.3-2.4 2.3s-2.5-1.1-2.5-2.4m8.1-11.6c0-1.3 2.4-4.6 2.4-4.6s2.5 3.4 2.5 4.7s-1 2.3-2.4 2.3s-2.5-1.1-2.5-2.4m8.2 11c0-1.3 2.4-4.6 2.4-4.6s2.5 3.4 2.5 4.7s-1 2.3-2.4 2.3c-1.4-.1-2.5-1.1-2.5-2.4M27.2 20.9c0-1.3 2.4-4.6 2.4-4.6S32 19.7 32 21s-1 2.3-2.4 2.3c-1.3-.1-2.4-1.1-2.4-2.4"/><path fill="#64892f" d="M28.2 54.7v7.1q3.75.3 7.5 0v-7.1c-2.4.2-5 .2-7.5 0m-17.6-5.3l-2.2 5.8c2.1 1.4 4.4 2.5 6.7 3.5l2.3-6.2c-2.3-.8-4.6-1.9-6.8-3.1m42.8 0c-2.2 1.2-4.5 2.3-6.9 3.1l2.3 6.2c2.3-1 4.6-2.1 6.7-3.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f55" d="M2.1 50.3c16.2 15.6 43.6 15.6 59.8-.1L32 2z"/><path fill="#ceff80" d="m6 44l-1.1 1.6c11.8 10.4 36.8 14.5 54.3-.1L58 44C42.9 55.5 21.1 55.5 6 44"/><path fill="#8cc63e" d="M4.9 45.6L2 50.2c16.2 15.7 43.7 15.7 60-.1l-2.8-4.6C43.7 58 20.3 58 4.9 45.6"/><path fill="#3e4347" d="M16 38.5c0-1.3 2.4-4.6 2.4-4.6s2.5 3.4 2.5 4.7s-1 2.3-2.4 2.3s-2.5-1.1-2.5-2.4m12.4 4.6c0-1.3 2.4-4.6 2.4-4.6s2.5 3.4 2.5 4.7s-1 2.3-2.4 2.3s-2.5-1.1-2.5-2.4m8.1-11.6c0-1.3 2.4-4.6 2.4-4.6s2.5 3.4 2.5 4.7s-1 2.3-2.4 2.3s-2.5-1.1-2.5-2.4m8.2 11c0-1.3 2.4-4.6 2.4-4.6s2.5 3.4 2.5 4.7s-1 2.3-2.4 2.3c-1.4-.1-2.5-1.1-2.5-2.4M27.2 20.9c0-1.3 2.4-4.6 2.4-4.6S32 19.7 32 21s-1 2.3-2.4 2.3c-1.3-.1-2.4-1.1-2.4-2.4"/><path fill="#64892f" d="M28.2 54.7v7.1q3.75.3 7.5 0v-7.1c-2.4.2-5 .2-7.5 0m-17.6-5.3l-2.2 5.8c2.1 1.4 4.4 2.5 6.7 3.5l2.3-6.2c-2.3-.8-4.6-1.9-6.8-3.1m42.8 0c-2.2 1.2-4.5 2.3-6.9 3.1l2.3 6.2c2.3-1 4.6-2.1 6.7-3.5z"/></svg> </template>
CSS
.icon-watermelon {
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%2064%2064%22%3E%3Cpath%20fill%3D%22%23f55%22%20d%3D%22M2.1%2050.3c16.2%2015.6%2043.6%2015.6%2059.8-.1L32%202z%22%2F%3E%3Cpath%20fill%3D%22%23ceff80%22%20d%3D%22m6%2044l-1.1%201.6c11.8%2010.4%2036.8%2014.5%2054.3-.1L58%2044C42.9%2055.5%2021.1%2055.5%206%2044%22%2F%3E%3Cpath%20fill%3D%22%238cc63e%22%20d%3D%22M4.9%2045.6L2%2050.2c16.2%2015.7%2043.7%2015.7%2060-.1l-2.8-4.6C43.7%2058%2020.3%2058%204.9%2045.6%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M16%2038.5c0-1.3%202.4-4.6%202.4-4.6s2.5%203.4%202.5%204.7s-1%202.3-2.4%202.3s-2.5-1.1-2.5-2.4m12.4%204.6c0-1.3%202.4-4.6%202.4-4.6s2.5%203.4%202.5%204.7s-1%202.3-2.4%202.3s-2.5-1.1-2.5-2.4m8.1-11.6c0-1.3%202.4-4.6%202.4-4.6s2.5%203.4%202.5%204.7s-1%202.3-2.4%202.3s-2.5-1.1-2.5-2.4m8.2%2011c0-1.3%202.4-4.6%202.4-4.6s2.5%203.4%202.5%204.7s-1%202.3-2.4%202.3c-1.4-.1-2.5-1.1-2.5-2.4M27.2%2020.9c0-1.3%202.4-4.6%202.4-4.6S32%2019.7%2032%2021s-1%202.3-2.4%202.3c-1.3-.1-2.4-1.1-2.4-2.4%22%2F%3E%3Cpath%20fill%3D%22%2364892f%22%20d%3D%22M28.2%2054.7v7.1q3.75.3%207.5%200v-7.1c-2.4.2-5%20.2-7.5%200m-17.6-5.3l-2.2%205.8c2.1%201.4%204.4%202.5%206.7%203.5l2.3-6.2c-2.3-.8-4.6-1.9-6.8-3.1m42.8%200c-2.2%201.2-4.5%202.3-6.9%203.1l2.3%206.2c2.3-1%204.6-2.1%206.7-3.5z%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23f55%22%20d%3D%22M2.1%2050.3c16.2%2015.6%2043.6%2015.6%2059.8-.1L32%202z%22%2F%3E%3Cpath%20fill%3D%22%23ceff80%22%20d%3D%22m6%2044l-1.1%201.6c11.8%2010.4%2036.8%2014.5%2054.3-.1L58%2044C42.9%2055.5%2021.1%2055.5%206%2044%22%2F%3E%3Cpath%20fill%3D%22%238cc63e%22%20d%3D%22M4.9%2045.6L2%2050.2c16.2%2015.7%2043.7%2015.7%2060-.1l-2.8-4.6C43.7%2058%2020.3%2058%204.9%2045.6%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M16%2038.5c0-1.3%202.4-4.6%202.4-4.6s2.5%203.4%202.5%204.7s-1%202.3-2.4%202.3s-2.5-1.1-2.5-2.4m12.4%204.6c0-1.3%202.4-4.6%202.4-4.6s2.5%203.4%202.5%204.7s-1%202.3-2.4%202.3s-2.5-1.1-2.5-2.4m8.1-11.6c0-1.3%202.4-4.6%202.4-4.6s2.5%203.4%202.5%204.7s-1%202.3-2.4%202.3s-2.5-1.1-2.5-2.4m8.2%2011c0-1.3%202.4-4.6%202.4-4.6s2.5%203.4%202.5%204.7s-1%202.3-2.4%202.3c-1.4-.1-2.5-1.1-2.5-2.4M27.2%2020.9c0-1.3%202.4-4.6%202.4-4.6S32%2019.7%2032%2021s-1%202.3-2.4%202.3c-1.3-.1-2.4-1.1-2.4-2.4%22%2F%3E%3Cpath%20fill%3D%22%2364892f%22%20d%3D%22M28.2%2054.7v7.1q3.75.3%207.5%200v-7.1c-2.4.2-5%20.2-7.5%200m-17.6-5.3l-2.2%205.8c2.1%201.4%204.4%202.5%206.7%203.5l2.3-6.2c-2.3-.8-4.6-1.9-6.8-3.1m42.8%200c-2.2%201.2-4.5%202.3-6.9%203.1l2.3%206.2c2.3-1%204.6-2.1%206.7-3.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/watermelon.svg?color=%231a73e8&size=48
