The Tabler soup icon depicts a steaming bowl, commonly used to represent food, dining, or kitchen-related features in a user interface.
Common uses
- Menu item for soup or hot dishes
- Button to order a meal
- Category filter for food items
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSoup } from '@tabler/icons-react';
<IconSoup size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSoup size={24} stroke={2} />filled
<IconSoupFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Food
- Keywords
- foodcookingrestaurantbowlhotkitchensoupmealcuisineeatingfood bowlhot mealkitchenwarerestaurant dish
FAQ
- What does the soup icon represent?
- It visually represents soup or a hot meal, suitable for food-related contexts.
- How do I use the soup icon in React?
- Import it using `import { IconSoup } from '@tabler/icons-react'` and render it as a component.
- What is the license for the Tabler soup icon?
- The Tabler icon library, including the soup icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
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 →