The Tabler melon icon depicts a stylized slice of melon, commonly used in UIs to represent food items, summer themes, or refreshing concepts.
Common uses
- Labeling a 'Summer Specials' section.
- Indicating a 'Fruity' flavor option in a menu.
- Representing a 'Refresh' action or status.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconMelon } from '@tabler/icons-react';
<IconMelon size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconMelon size={24} stroke={2} />filled
<IconMelonFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Food
- Keywords
- fruitsweetsummerrefreshjuicyroundtropicalcoolrefreshingtastyfoodmelonfruit slicecantaloupehoneydewfood slice
FAQ
- What does the melon icon represent?
- The icon visually represents a slice of melon, suitable for themes related to fruit, summer, or refreshing items.
- How do I use the melon icon in React?
- You can import and use it in your React components with: import { IconMelon } from '@tabler/icons-react'
- What is the license for the Tabler melon icon?
- The Tabler icons, including the melon icon, are distributed under the MIT license.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →