watermelon icon
watermelon from Lucide Lab by Lucide Contributors · Outline · ISC Free for personal and commercial use.
- Name
- watermelon
- Set
- Lucide Lab
- Style
- Outline
- Viewbox
- 24×24
- License
- ISC
The same icon in other sets
watermelonEmoji One (Colored)watermelonElement PluswatermelonFluent EmojiwatermelonFluent Emoji FlatwatermelonFluent Emoji High ContrastwatermelonFirefox OS EmojiwatermelonHuge IconswatermelonIconParkwatermelonIconPark OutlinewatermelonIconPark SolidwatermelonIconPark TwoTonewatermelonNoto EmojiwatermelonOpenMojiwatermelonTDesign IconswatermelonTwitter Emoji
Use the watermelon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M21.7 17.7a1.08 1.08 0 0 1-.08 1.57A12 12 0 0 1 4.73 2.38a1.1 1.1 0 0 1 1.61-.04Z"/><path d="M19.7 15.7A8 8 0 0 1 8.35 4.34M10 11h.01M13 14h.01"/></g></svg>
React
import type { SVGProps } from "react";
export function LucideLabWatermelon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M21.7 17.7a1.08 1.08 0 0 1-.08 1.57A12 12 0 0 1 4.73 2.38a1.1 1.1 0 0 1 1.61-.04Z"/><path d="M19.7 15.7A8 8 0 0 1 8.35 4.34M10 11h.01M13 14h.01"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M21.7 17.7a1.08 1.08 0 0 1-.08 1.57A12 12 0 0 1 4.73 2.38a1.1 1.1 0 0 1 1.61-.04Z"/><path d="M19.7 15.7A8 8 0 0 1 8.35 4.34M10 11h.01M13 14h.01"/></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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M21.7%2017.7a1.08%201.08%200%200%201-.08%201.57A12%2012%200%200%201%204.73%202.38a1.1%201.1%200%200%201%201.61-.04Z%22%2F%3E%3Cpath%20d%3D%22M19.7%2015.7A8%208%200%200%201%208.35%204.34M10%2011h.01M13%2014h.01%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M21.7%2017.7a1.08%201.08%200%200%201-.08%201.57A12%2012%200%200%201%204.73%202.38a1.1%201.1%200%200%201%201.61-.04Z%22%2F%3E%3Cpath%20d%3D%22M19.7%2015.7A8%208%200%200%201%208.35%204.34M10%2011h.01M13%2014h.01%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lucide-lab/watermelon.svg?color=%231a73e8&size=48
