The Tabler heart bolt icon visually represents a combination of love or passion with energy or electricity, often used to signify a strong connection, energetic support, or a powerful emotional state in UI design.
Common uses
- Indicate a user's 'favorite' or 'liked' item with a dynamic flair.
- Represent a 'power user' or 'top supporter' status.
- Symbolize a 'charged' or 'energized' state related to a relationship or preference.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconHeartBolt } from '@tabler/icons-react';
<IconHeartBolt size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- energyelectricpowerlovepassionshocklightningchargesparkdynamoshapesheartboltfavorite boltlove energypassionate spark
FAQ
- What does the heart bolt icon represent?
- It combines the concepts of love/passion (heart) with energy/electricity (bolt), suggesting a powerful or energetic emotional connection.
- How do I use the heart bolt icon in React?
- You can import and use it directly with: import { IconHeartBolt } from '@tabler/icons-react'
- What is the license for the Tabler heart bolt icon?
- The Tabler icons, including heart bolt, are available under the MIT license, allowing for free commercial and non-commercial use.
Related icons
The same idea in other libraries, and near matches in Tabler.