The Tabler heart up icon, named heart-up, visually represents an upward trend or increase, often used to signify positive growth, rising popularity, or an elevated status in UI elements.
Common uses
- Showing an increase in likes or favorites.
- Indicating a positive trend in user engagement.
- Representing a 'boost' or 'uplift' feature.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconHeartUp } from '@tabler/icons-react';
<IconHeartUp size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- riseincreasegrowboostascendadvanceupliftsoarelevateclimbshapesheartupheart increaselove growthfavorite up
FAQ
- What does the heart up icon represent?
- It symbolizes an upward movement or increase, commonly used for positive growth or rising metrics.
- How do I use the heart up icon in React?
- Import it from '@tabler/icons-react' like this: import { IconHeartUp } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler heart up icon is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.