What does the chef hat icon represent?

It symbolizes cooking, chefs, restaurants, and the culinary arts. It's used to indicate food-related content or services.

How do I use the chef hat icon in React?

Import it from '@tabler/icons-react' and use it as a component: import { IconChefHat } from '@tabler/icons-react'; .

The Tabler icon set, including the chef hat, is available under the MIT license.

Tabler · chef-hat · MIT

The Tabler chef hat icon depicts a classic toque blanche, commonly used in UIs to represent culinary themes, restaurants, or food-related services.

Install

npm i @tabler/icons-react

Import & render

import { IconChefHat } from '@tabler/icons-react';

<IconChefHat size={24} stroke={2} />

Tabler ships this icon in 2 styles — each its own import:

outline

<IconChefHat size={24} stroke={2} />

filled

<IconChefHatFilled size={24} stroke={2} />

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Food
Keywords: cookingkitchenrestaurantfoodjobchefhatmealcuisineeatingtoque blanchecook hatculinary icon

What does the chef hat icon represent?: It symbolizes cooking, chefs, restaurants, and the culinary arts. It's used to indicate food-related content or services.
How do I use the chef hat icon in React?: Import it from '@tabler/icons-react' and use it as a component: import { IconChefHat } from '@tabler/icons-react'; <IconChefHat />.
What is the license for this icon?: The Tabler icon set, including the chef hat, is available under the MIT license.

The same idea in other libraries, and near matches in Tabler.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →