Watermelon
The watermelon icon represents a type of fruit known for its refreshing and hydrating properties, often used to symbolize summer, refreshment, or nutrition.
Add shadcn.io to your AI agent. · Pro It installs Watermelon, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 24 × 24 px
4,123 in Game IconsCC BY 3.0 license (opens in a new tab)Free to copy and download
Code
Watermelon in your framework
In any framework. Customize it above, and the code follows.
export const WatermelonIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" {...props}>
<path fill="currentColor" d="M368.47 96.01c-37.258-.033-76.09 1.16-112.824 3.187c-44.785 2.47-86.588 6.255-118.453 10.402c-33.012 45.66-58.063 88.796-65.557 118.763c-3.88 15.517-2.91 26.62 1.53 33.33c4.442 6.71 13.352 11.544 31.58 12.013c38.55.993 111.067-24.892 177.7-62.35c59.595-33.5 115.216-76.585 141.542-114.216c-17.75-.74-36.376-1.114-55.518-1.13zm76.285 2.196c-26.887 45.528-87.973 92.014-153.488 128.842C222.987 265.43 150.87 292.9 104.283 291.7c-21.494-.553-37.59-7.18-46.125-20.074s-8.506-29.543-3.983-47.63c7.84-31.353 29.653-69.698 58.34-110.782c-7.797 1.302-14.508 2.612-19.893 3.903c-30.266 39.084-48.864 71.717-58.134 97.867c-9.472 26.72-9.26 46.303-3.46 60.13c5.796 13.828 17.3 23.064 34.327 28.596c16.945 5.506 39.115 6.772 63.687 3.752c116.3-25.85 197.457-73.105 250.955-117.79c26.788-22.375 46.634-44.117 60.41-62.15c8.573-11.224 14.548-20.87 18.585-28.347a928 928 0 0 0-14.237-.97zM327.863 108.43c2.46-.037 26.5 15.642 28.945 24.73c.76 2.82-4.772 13.078-10.61 10.718c-13.923-5.627-20.837-32.943-18.505-35.392q.05-.053.17-.055zm-44.887 7.202c1.936-.767 26.606 28.7 25.068 40.233c-.462 3.467-12.88 12.426-19.232 7.234c-15.152-12.383-10.11-45.774-5.836-47.468zm186.066 2.324c-3.887 6.184-8.63 13.03-14.332 20.495c-14.6 19.112-35.342 41.79-63.174 65.036c-55.663 46.494-139.71 95.216-259.09 121.664l-.413.092l-.422.052c-26.587 3.31-51.25 2.22-71.818-4.465a96 96 0 0 1-5.347-1.934c4.72 6.51 9.666 12.87 14.947 19.027l6.414.7s17.492 1.912 39.102 2.595s47.583-.176 62-4.496c10.873-3.258 20.896-11.22 31.763-20.182c10.868-8.963 22.57-18.926 37.96-23.642c12.978-3.978 25.618-2.138 36.838-.908s20.902 1.86 28.63-1.116c27.108-10.44 63.867-40.88 92.75-68.666c28.885-27.784 50.388-52.72 50.388-52.72l3.77-4.375c7.334-18.944 12.98-35.012 13.78-37.297a501 501 0 0 0-3.744-9.86zm-299.03.866c1.696.033 2.86.29 3.284.757c1.226 1.36-20.59 30.342-31.982 32.51c-3.425.65-15.137-6.865-11.805-13.616c6.705-13.585 31.34-19.834 40.5-19.652zm66.273 9.36c3.003 1.28 5.088 33.156-6.41 46.397c-4.82 5.552-13.355-2.078-13.528-5.393c-.574-11.025 18.577-41.586 19.938-41.006zm-38.68 2.91c.325-.012.58.028.756.124c1.27.7-7.563 28.066-15.533 32.645c-2.396 1.377-13.112-1.212-12.365-7.132c1.67-13.238 22.265-25.435 27.143-25.635zm283.926 25.642c-7.37 19.928-18.22 47.66-27.638 65.084c-14.927 27.616-30.982 56.845-55.205 79.562c-18.01 16.892-40.096 28.675-62.217 37.465c-17.536 6.968-34.834 5.994-47.87 10.537c-7.17 2.5-15.877 10.933-25.573 21.287s-20.54 22.33-35.166 29.792c-11.15 5.69-24.748 7.68-38.69 7.846c13.48 3.14 28.213 5.623 44.417 7.332c.093-.034 9.77-3.616 21.62-8.684c11.91-5.09 26.07-11.856 33.46-16.992c6.478-4.5 12.204-11.614 18.567-19.38c6.363-7.767 13.436-16.254 23.785-21.973c19.882-10.988 41.663-9.71 58.444-14.193c11.183-2.987 20.21-3.2 24.014-6.382c6.98-5.837 10.426-17.18 14.07-30.604c3.644-13.422 7.636-29.156 21.375-38.927c6.474-4.604 12.825-4.546 18.266-4.773a83 83 0 0 1 3.852-.07c.388.002.707.013 1.07.02c11.538-31.327 14.215-56.02 12.407-77.43c-.572-6.76-1.608-13.23-2.99-19.516zm-329.788 7.668c.77.01 1.305.13 1.54.36c.854.826-12.014 20.554-19.298 22.456c-2.19.572-10.104-3.784-8.24-8.303c3.89-9.43 20.615-14.593 25.998-14.513m108.668 4.59c3.25.106 18.923 13.65 18.173 24.92c-.324 4.878-9.348 5.28-11.06 3.798c-5.694-4.93-8.52-28.32-7.39-28.683a.9.9 0 0 1 .277-.034zm-62.213 3.185q.09-.022.138.008c2.238 1.368 2.52 23.227-6.79 30.234c-3.904 2.938-10.1-3.64-10.094-5.907c.015-7.3 14.895-23.87 16.747-24.336zm238.277 43.984a865 865 0 0 1-19.147 19.02c-29.546 28.422-66.15 59.934-98.76 72.493c-12.84 4.944-25.656 3.46-37.06 2.21c-11.403-1.25-21.513-2.254-29.603.226c-10.87 3.33-20.9 11.343-31.78 20.317s-22.615 18.912-38.048 23.537c-19.014 5.698-45.372 5.95-67.737 5.244a597 597 0 0 1-25.706-1.39c3.16 2.875 6.44 5.682 9.858 8.408c6.895 5.5 14.363 10.7 22.517 15.54c5.198 1.216 20.1 4.506 38.1 6.614c22.188 2.6 48.33 2.293 60.57-3.95c10.72-5.47 20.475-15.673 30.208-26.065s19.288-21.274 32.79-25.98c17.582-6.127 34.547-5.26 47.144-10.267c20.79-8.26 40.87-19.16 56.55-33.867c20.7-19.412 35.725-45.58 50.102-72.09zm28.162 55.92c-3.02.497-5.553 1.285-5.28 1.09c-7.28 5.178-10.838 15.723-14.437 28.978c-.423 1.557-.847 3.153-1.282 4.765c4.742-5.842 8.917-11.45 12.354-16.646a390 390 0 0 0 8.644-18.188zm-63.65 78.56c-2.585.34-4.937.65-6.877 1.168c-20.564 5.492-40.432 4.846-54.384 12.557c-6.653 3.676-12.386 10.08-18.568 17.627s-12.74 16.168-22.217 22.753c-5.612 3.9-12.695 7.71-20.023 11.247c30.108-4.878 62.478-20.803 91.664-41.387c10.65-7.51 20.854-15.632 30.406-23.965z"/>
</svg>
);Other libraries
Watermelon in 8 more libraries
Each library draws it its own way. Open one to compare.
Game Icons
More like it
Icons that share its tags, in the same style.
Search Game Icons
Skip the copy and paste. With Pro, your AI agent finds and installs any Game Icons icon from a prompt.
Get ProTags
Browse by tag
Watermelon is tagged food, game, water and 3 more. Related tags follow; each opens its icons from every library.
Pricing
Game Icons MCP, with Pro
Ask for Watermelon or any of 4,123 Game Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
Billed once a year in USD. Cancel anytime.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- How many people can use the license.Seats: 1 seat
- Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
- Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
- Complete multi-page sites you can ship as they are.Templates: All 14 templates
- React icons from every major library, installable with one command.React icons: 294k+ icons
- Presets that restyle every block, in light and dark.Themes: All 59 themes
- Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
- Priority requests are answered first.Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
Everything in Individual, plus
- How many people can use the license.Seats: Up to 5 seats
- Client work, SaaS products and anything you charge for.Commercial use: Included
- Lets your AI editor search, preview and install blocks for you.MCP server: High usage
- Priority requests are answered first.Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
Everything in Team, plus
- How many people can use the license.Seats: Unlimited seats
- Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Watermelon icon means and where it's used, then how to install, style and license it.
Install Watermelon from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.