watermelon icon
watermelon from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- watermelon
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
watermelonEmoji One (Colored)watermelonElement PluswatermelonFluent EmojiwatermelonFluent Emoji FlatwatermelonFluent Emoji High ContrastwatermelonFirefox OS EmojiwatermelonIconParkwatermelonIconPark OutlinewatermelonIconPark SolidwatermelonIconPark TwoTonewatermelonLucide LabwatermelonNoto 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-width="1.5"><path d="M15.887 4.077c1.262 1.475 2.034 3.456 2.034 5.635c0 4.56-3.385 8.257-7.56 8.257c-2.32 0-4.322-1.06-5.683-2.745"/><path stroke-linejoin="round" d="m16.418 3.573l-3.062 2.842c-.09.084-.083.227-.002.318c.677.766.694 2.41-.082 3.438c-.827 1.093-2.056.944-2.498.717l-.25.704a.6.6 0 0 1-.643.394l-1.642-.212a.4.4 0 0 0-.338.118L4.98 14.884l-1.4 1.495c-.857.917-.775 2.374.323 2.984c3.474 1.928 9.054 2.969 13.94-1.627c4.515-4.666 3.366-10.328 1.588-13.779c-.587-1.14-2.074-1.256-3.014-.384"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsWatermelon(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" strokeWidth="1.5"><path d="M15.887 4.077c1.262 1.475 2.034 3.456 2.034 5.635c0 4.56-3.385 8.257-7.56 8.257c-2.32 0-4.322-1.06-5.683-2.745"/><path strokeLinejoin="round" d="m16.418 3.573l-3.062 2.842c-.09.084-.083.227-.002.318c.677.766.694 2.41-.082 3.438c-.827 1.093-2.056.944-2.498.717l-.25.704a.6.6 0 0 1-.643.394l-1.642-.212a.4.4 0 0 0-.338.118L4.98 14.884l-1.4 1.495c-.857.917-.775 2.374.323 2.984c3.474 1.928 9.054 2.969 13.94-1.627c4.515-4.666 3.366-10.328 1.588-13.779c-.587-1.14-2.074-1.256-3.014-.384"/></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-width="1.5"><path d="M15.887 4.077c1.262 1.475 2.034 3.456 2.034 5.635c0 4.56-3.385 8.257-7.56 8.257c-2.32 0-4.322-1.06-5.683-2.745"/><path stroke-linejoin="round" d="m16.418 3.573l-3.062 2.842c-.09.084-.083.227-.002.318c.677.766.694 2.41-.082 3.438c-.827 1.093-2.056.944-2.498.717l-.25.704a.6.6 0 0 1-.643.394l-1.642-.212a.4.4 0 0 0-.338.118L4.98 14.884l-1.4 1.495c-.857.917-.775 2.374.323 2.984c3.474 1.928 9.054 2.969 13.94-1.627c4.515-4.666 3.366-10.328 1.588-13.779c-.587-1.14-2.074-1.256-3.014-.384"/></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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M15.887%204.077c1.262%201.475%202.034%203.456%202.034%205.635c0%204.56-3.385%208.257-7.56%208.257c-2.32%200-4.322-1.06-5.683-2.745%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m16.418%203.573l-3.062%202.842c-.09.084-.083.227-.002.318c.677.766.694%202.41-.082%203.438c-.827%201.093-2.056.944-2.498.717l-.25.704a.6.6%200%200%201-.643.394l-1.642-.212a.4.4%200%200%200-.338.118L4.98%2014.884l-1.4%201.495c-.857.917-.775%202.374.323%202.984c3.474%201.928%209.054%202.969%2013.94-1.627c4.515-4.666%203.366-10.328%201.588-13.779c-.587-1.14-2.074-1.256-3.014-.384%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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M15.887%204.077c1.262%201.475%202.034%203.456%202.034%205.635c0%204.56-3.385%208.257-7.56%208.257c-2.32%200-4.322-1.06-5.683-2.745%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m16.418%203.573l-3.062%202.842c-.09.084-.083.227-.002.318c.677.766.694%202.41-.082%203.438c-.827%201.093-2.056.944-2.498.717l-.25.704a.6.6%200%200%201-.643.394l-1.642-.212a.4.4%200%200%200-.338.118L4.98%2014.884l-1.4%201.495c-.857.917-.775%202.374.323%202.984c3.474%201.928%209.054%202.969%2013.94-1.627c4.515-4.666%203.366-10.328%201.588-13.779c-.587-1.14-2.074-1.256-3.014-.384%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/watermelon.svg?color=%231a73e8&size=48
