The Tabler bomb icon depicts a classic bomb with a fuse, commonly used to represent destructive actions, warnings, or explosive content in user interfaces.
Common uses
- Delete confirmation button
- Warning for dangerous content
- Explosive/high-impact event indicator
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconBomb } from '@tabler/icons-react';
<IconBomb size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconBomb size={24} stroke={2} />filled
<IconBombFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- explosionweaponmilitarywarbombdesigndangerwarning
FAQ
- What does the bomb icon represent?
- It visually signifies something explosive, dangerous, or a destructive action like deletion.
- How do I use the bomb icon in React?
- Import it using `import { IconBomb } from '@tabler/icons-react';` and then use it as a component: `<IconBomb />`.
- What is the license for the Tabler bomb icon?
- The Tabler icons, including the bomb icon, are distributed 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 →