The Tabler heart check icon depicts a heart with a checkmark inside, commonly used to signify approval, confirmation, or a positive status related to a liked or favored item.
Common uses
- Confirming a successful 'like' action.
- Indicating a 'favorite' item is saved.
- Showing a validated or approved health status.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconHeartCheck } from '@tabler/icons-react';
<IconHeartCheck size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- approveverifyconfirmagreeacceptvalidateokaypassheartcheckshapesheart with checkapproved heartfavorite confirmedlike confirmed
FAQ
- What does the heart check icon represent?
- It visually communicates confirmation, approval, or a positive status, often related to user preferences or validation.
- How do I use the heart check icon in React?
- Import it using `import { IconHeartCheck } from '@tabler/icons-react';` and then use it as a component: `<IconHeartCheck />`.
- What is the license for this icon?
- The Tabler icons, including the heart check 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 →