watermelon icon
watermelon-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- watermelon-filled
- Set
- TDesign Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
The same icon in other sets
All watermelon icons →watermelonEmoji One (Colored)watermelonElement PluswatermelonFluent EmojiwatermelonFluent Emoji FlatwatermelonFluent Emoji High ContrastwatermelonFirefox OS EmojiwatermelonHuge IconswatermelonIconParkwatermelonIconPark OutlinewatermelonIconPark SolidwatermelonIconPark TwoTonewatermelonLucide LabwatermelonNoto EmojiwatermelonOpenMojiwatermelonTwitter Emoji
Use the watermelon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m17.5 1.086l.708.707c1.802 1.803 2.338 4.733 2.293 7.206V9c-.007 6.347-5.15 11.491-11.498 11.5c-2.48.051-5.163-.674-7.12-2.215l-.886-.697zm-.998 7.412h-2.004v2.004h2.004zm-3 3h-2.004v2.004h2.004zm-3 3H8.498v2.004h2.004z"/><path fill="currentColor" d="M21.5 9.5c0 6.627-5.373 12-12 12c-1.593 0-3.114-.31-4.505-.874q.45.26.918.494c1.594.796 3.397 1.38 5.075 1.38c6.358 0 11.512-5.154 11.512-11.512c0-1.678-.583-3.481-1.38-5.075q-.234-.47-.496-.922c.565 1.392.876 2.914.876 4.509"/></svg>
React
import type { SVGProps } from "react";
export function TdesignWatermelonFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m17.5 1.086l.708.707c1.802 1.803 2.338 4.733 2.293 7.206V9c-.007 6.347-5.15 11.491-11.498 11.5c-2.48.051-5.163-.674-7.12-2.215l-.886-.697zm-.998 7.412h-2.004v2.004h2.004zm-3 3h-2.004v2.004h2.004zm-3 3H8.498v2.004h2.004z"/><path fill="currentColor" d="M21.5 9.5c0 6.627-5.373 12-12 12c-1.593 0-3.114-.31-4.505-.874q.45.26.918.494c1.594.796 3.397 1.38 5.075 1.38c6.358 0 11.512-5.154 11.512-11.512c0-1.678-.583-3.481-1.38-5.075q-.234-.47-.496-.922c.565 1.392.876 2.914.876 4.509"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m17.5 1.086l.708.707c1.802 1.803 2.338 4.733 2.293 7.206V9c-.007 6.347-5.15 11.491-11.498 11.5c-2.48.051-5.163-.674-7.12-2.215l-.886-.697zm-.998 7.412h-2.004v2.004h2.004zm-3 3h-2.004v2.004h2.004zm-3 3H8.498v2.004h2.004z"/><path fill="currentColor" d="M21.5 9.5c0 6.627-5.373 12-12 12c-1.593 0-3.114-.31-4.505-.874q.45.26.918.494c1.594.796 3.397 1.38 5.075 1.38c6.358 0 11.512-5.154 11.512-11.512c0-1.678-.583-3.481-1.38-5.075q-.234-.47-.496-.922c.565 1.392.876 2.914.876 4.509"/></svg> </template>
CSS
.icon-watermelon-filled {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.5%201.086l.708.707c1.802%201.803%202.338%204.733%202.293%207.206V9c-.007%206.347-5.15%2011.491-11.498%2011.5c-2.48.051-5.163-.674-7.12-2.215l-.886-.697zm-.998%207.412h-2.004v2.004h2.004zm-3%203h-2.004v2.004h2.004zm-3%203H8.498v2.004h2.004z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.5%209.5c0%206.627-5.373%2012-12%2012c-1.593%200-3.114-.31-4.505-.874q.45.26.918.494c1.594.796%203.397%201.38%205.075%201.38c6.358%200%2011.512-5.154%2011.512-11.512c0-1.678-.583-3.481-1.38-5.075q-.234-.47-.496-.922c.565%201.392.876%202.914.876%204.509%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.5%201.086l.708.707c1.802%201.803%202.338%204.733%202.293%207.206V9c-.007%206.347-5.15%2011.491-11.498%2011.5c-2.48.051-5.163-.674-7.12-2.215l-.886-.697zm-.998%207.412h-2.004v2.004h2.004zm-3%203h-2.004v2.004h2.004zm-3%203H8.498v2.004h2.004z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.5%209.5c0%206.627-5.373%2012-12%2012c-1.593%200-3.114-.31-4.505-.874q.45.26.918.494c1.594.796%203.397%201.38%205.075%201.38c6.358%200%2011.512-5.154%2011.512-11.512c0-1.678-.583-3.481-1.38-5.075q-.234-.47-.496-.922c.565%201.392.876%202.914.876%204.509%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/watermelon-filled.svg?color=%231a73e8&size=48
