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
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
