The Tabler heart cancel icon visually represents the cancellation or removal of a liked or favorited item, often used to indicate an action like unliking or revoking a selection.
Common uses
- Unliking a post or comment
- Removing an item from a favorites list
- Canceling a subscription or recurring action
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconHeartCancel } from '@tabler/icons-react';
<IconHeartCancel size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- stopendclosedislikerevoketerminateannulceasevoidheartshapescancelunheartremove favoritestop liking
FAQ
- What does the heart cancel icon mean?
- It signifies the negation or removal of a positive action, like unliking or revoking a favorite.
- How do I use the heart cancel icon in React?
- Import it using `import { IconHeartCancel } from '@tabler/icons-react';` and then use it as a component: `<IconHeartCancel />`.
- What is the license for the Tabler heart cancel icon?
- This icon is 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 →