The Tabler boom icon depicts a stylized explosion or blast, commonly used in UI to represent actions like triggering an event, a successful completion, or a destructive process.
Common uses
- Triggering a destructive action confirmation
- Indicating a successful, impactful event
- Visualizing a 'reset' or 'clear all' function
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconBoom } from '@tabler/icons-react';
<IconBoom size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconBoom size={24} stroke={2} />filled
<IconBoomFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- blastexplosionbangdetonationbursteruptshockwaveblowupkaboomboomdesign
FAQ
- What does the boom icon represent?
- It visually signifies an explosion, blast, or sudden burst. It's often used for impactful events or actions in a user interface.
- How do I use the boom icon in React?
- You can import and use it directly with the following statement: import { IconBoom } from '@tabler/icons-react'. Then, render it as <IconBoom />.
- What is the license for the Tabler boom icon?
- The Tabler icon library, including the boom icon, is available under the MIT license, allowing for free use in both personal and commercial projects.
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 →