watermelon emoji
watermelon from Fluent Emoji Flat by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- watermelon
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
watermelonEmoji One (Colored)watermelonElement PluswatermelonFluent EmojiwatermelonFluent Emoji High ContrastwatermelonFirefox OS EmojiwatermelonHuge IconswatermelonIconParkwatermelonIconPark OutlinewatermelonIconPark SolidwatermelonIconPark TwoTonewatermelonLucide LabwatermelonNoto EmojiwatermelonOpenMojiwatermelonTDesign IconswatermelonTwitter Emoji
More food & drink icons from Fluent Emoji Flat
Use the watermelon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#008463" d="m29.41 21.61l-.58-.58c-5.681 5.681-17.94 0-17.94 0s-5.681-12.259 0-17.94l-.58-.58c-.68-.68-1.78-.68-2.46 0L6.47 3.89C.51 9.85.51 19.51 6.47 25.46c5.96 5.96 15.62 5.96 21.57 0l1.38-1.38c.67-.69.67-1.79-.01-2.47"/><path fill="#fff3d7" d="M8.14 23.785c4.95 4.95 13.094 4.946 18.044-.004l2.646-2.675v-.076l-1.19-1.19c-5.064 5.064-14.64 0-14.64 0S6.996 9.324 12.06 4.26l-1.17-1.168h-.09L8.133 5.746c-4.95 4.95-4.942 13.09.008 18.04"/><path fill="#f8312f" d="M9.164 22.742c4.3 4.3 11.364 4.316 15.664.016l2.812-2.832v-.086L12.057 4.264l-.116.021l-2.797 2.797c-4.3 4.3-4.28 11.36.02 15.66"/><path fill="#1c1c1c" d="M13.95 10.76a1.09 1.09 0 1 1-2.18 0a1.09 1.09 0 0 1 2.18 0m-2.43 6.64a1.09 1.09 0 1 0 0-2.18a1.09 1.09 0 0 0 0 2.18m4.08 4.08a1.09 1.09 0 1 0 0-2.18a1.09 1.09 0 0 0 0 2.18m1.35-5.54a1.09 1.09 0 1 0 0-2.18a1.09 1.09 0 0 0 0 2.18m5.28 3.11a1.09 1.09 0 1 1-2.18 0a1.09 1.09 0 0 1 2.18 0"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatWatermelon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#008463" d="m29.41 21.61l-.58-.58c-5.681 5.681-17.94 0-17.94 0s-5.681-12.259 0-17.94l-.58-.58c-.68-.68-1.78-.68-2.46 0L6.47 3.89C.51 9.85.51 19.51 6.47 25.46c5.96 5.96 15.62 5.96 21.57 0l1.38-1.38c.67-.69.67-1.79-.01-2.47"/><path fill="#fff3d7" d="M8.14 23.785c4.95 4.95 13.094 4.946 18.044-.004l2.646-2.675v-.076l-1.19-1.19c-5.064 5.064-14.64 0-14.64 0S6.996 9.324 12.06 4.26l-1.17-1.168h-.09L8.133 5.746c-4.95 4.95-4.942 13.09.008 18.04"/><path fill="#f8312f" d="M9.164 22.742c4.3 4.3 11.364 4.316 15.664.016l2.812-2.832v-.086L12.057 4.264l-.116.021l-2.797 2.797c-4.3 4.3-4.28 11.36.02 15.66"/><path fill="#1c1c1c" d="M13.95 10.76a1.09 1.09 0 1 1-2.18 0a1.09 1.09 0 0 1 2.18 0m-2.43 6.64a1.09 1.09 0 1 0 0-2.18a1.09 1.09 0 0 0 0 2.18m4.08 4.08a1.09 1.09 0 1 0 0-2.18a1.09 1.09 0 0 0 0 2.18m1.35-5.54a1.09 1.09 0 1 0 0-2.18a1.09 1.09 0 0 0 0 2.18m5.28 3.11a1.09 1.09 0 1 1-2.18 0a1.09 1.09 0 0 1 2.18 0"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#008463" d="m29.41 21.61l-.58-.58c-5.681 5.681-17.94 0-17.94 0s-5.681-12.259 0-17.94l-.58-.58c-.68-.68-1.78-.68-2.46 0L6.47 3.89C.51 9.85.51 19.51 6.47 25.46c5.96 5.96 15.62 5.96 21.57 0l1.38-1.38c.67-.69.67-1.79-.01-2.47"/><path fill="#fff3d7" d="M8.14 23.785c4.95 4.95 13.094 4.946 18.044-.004l2.646-2.675v-.076l-1.19-1.19c-5.064 5.064-14.64 0-14.64 0S6.996 9.324 12.06 4.26l-1.17-1.168h-.09L8.133 5.746c-4.95 4.95-4.942 13.09.008 18.04"/><path fill="#f8312f" d="M9.164 22.742c4.3 4.3 11.364 4.316 15.664.016l2.812-2.832v-.086L12.057 4.264l-.116.021l-2.797 2.797c-4.3 4.3-4.28 11.36.02 15.66"/><path fill="#1c1c1c" d="M13.95 10.76a1.09 1.09 0 1 1-2.18 0a1.09 1.09 0 0 1 2.18 0m-2.43 6.64a1.09 1.09 0 1 0 0-2.18a1.09 1.09 0 0 0 0 2.18m4.08 4.08a1.09 1.09 0 1 0 0-2.18a1.09 1.09 0 0 0 0 2.18m1.35-5.54a1.09 1.09 0 1 0 0-2.18a1.09 1.09 0 0 0 0 2.18m5.28 3.11a1.09 1.09 0 1 1-2.18 0a1.09 1.09 0 0 1 2.18 0"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23008463%22%20d%3D%22m29.41%2021.61l-.58-.58c-5.681%205.681-17.94%200-17.94%200s-5.681-12.259%200-17.94l-.58-.58c-.68-.68-1.78-.68-2.46%200L6.47%203.89C.51%209.85.51%2019.51%206.47%2025.46c5.96%205.96%2015.62%205.96%2021.57%200l1.38-1.38c.67-.69.67-1.79-.01-2.47%22%2F%3E%3Cpath%20fill%3D%22%23fff3d7%22%20d%3D%22M8.14%2023.785c4.95%204.95%2013.094%204.946%2018.044-.004l2.646-2.675v-.076l-1.19-1.19c-5.064%205.064-14.64%200-14.64%200S6.996%209.324%2012.06%204.26l-1.17-1.168h-.09L8.133%205.746c-4.95%204.95-4.942%2013.09.008%2018.04%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M9.164%2022.742c4.3%204.3%2011.364%204.316%2015.664.016l2.812-2.832v-.086L12.057%204.264l-.116.021l-2.797%202.797c-4.3%204.3-4.28%2011.36.02%2015.66%22%2F%3E%3Cpath%20fill%3D%22%231c1c1c%22%20d%3D%22M13.95%2010.76a1.09%201.09%200%201%201-2.18%200a1.09%201.09%200%200%201%202.18%200m-2.43%206.64a1.09%201.09%200%201%200%200-2.18a1.09%201.09%200%200%200%200%202.18m4.08%204.08a1.09%201.09%200%201%200%200-2.18a1.09%201.09%200%200%200%200%202.18m1.35-5.54a1.09%201.09%200%201%200%200-2.18a1.09%201.09%200%200%200%200%202.18m5.28%203.11a1.09%201.09%200%201%201-2.18%200a1.09%201.09%200%200%201%202.18%200%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23008463%22%20d%3D%22m29.41%2021.61l-.58-.58c-5.681%205.681-17.94%200-17.94%200s-5.681-12.259%200-17.94l-.58-.58c-.68-.68-1.78-.68-2.46%200L6.47%203.89C.51%209.85.51%2019.51%206.47%2025.46c5.96%205.96%2015.62%205.96%2021.57%200l1.38-1.38c.67-.69.67-1.79-.01-2.47%22%2F%3E%3Cpath%20fill%3D%22%23fff3d7%22%20d%3D%22M8.14%2023.785c4.95%204.95%2013.094%204.946%2018.044-.004l2.646-2.675v-.076l-1.19-1.19c-5.064%205.064-14.64%200-14.64%200S6.996%209.324%2012.06%204.26l-1.17-1.168h-.09L8.133%205.746c-4.95%204.95-4.942%2013.09.008%2018.04%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M9.164%2022.742c4.3%204.3%2011.364%204.316%2015.664.016l2.812-2.832v-.086L12.057%204.264l-.116.021l-2.797%202.797c-4.3%204.3-4.28%2011.36.02%2015.66%22%2F%3E%3Cpath%20fill%3D%22%231c1c1c%22%20d%3D%22M13.95%2010.76a1.09%201.09%200%201%201-2.18%200a1.09%201.09%200%200%201%202.18%200m-2.43%206.64a1.09%201.09%200%201%200%200-2.18a1.09%201.09%200%200%200%200%202.18m4.08%204.08a1.09%201.09%200%201%200%200-2.18a1.09%201.09%200%200%200%200%202.18m1.35-5.54a1.09%201.09%200%201%200%200-2.18a1.09%201.09%200%200%200%200%202.18m5.28%203.11a1.09%201.09%200%201%201-2.18%200a1.09%201.09%200%200%201%202.18%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/watermelon.svg?color=%231a73e8&size=48
