The Tabler puzzle icon depicts a jigsaw puzzle piece, commonly used to represent concepts like problem-solving, assembly, customization, or game-related features.
Common uses
- Representing a 'complete the task' or 'solve the problem' feature.
- Indicating a game or entertainment section.
- Signifying an add-on, extension, or customization option.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconPuzzle } from '@tabler/icons-react';
<IconPuzzle size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconPuzzle size={24} stroke={2} />filled
<IconPuzzleFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Games
- Keywords
- jigsawextensionadd-onpuzzleentertainmentplayingrecreationfunactivitygamesgame
FAQ
- What does the puzzle icon represent?
- It visually represents a jigsaw puzzle piece, often used for concepts like problem-solving, assembly, or games.
- How do I use the puzzle icon in React?
- Import it from '@tabler/icons-react' with `import { IconPuzzle } from '@tabler/icons-react'` and use it as a component: `<IconPuzzle />`.
- What is the license for the Tabler puzzle icon?
- The Tabler icon library, including the puzzle 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 →