The Tabler heart x icon depicts a heart with an 'x' mark over it, commonly used to signify removing or canceling an action related to a favorite or liked item.
Common uses
- Unliking/unfavoriting an item
- Canceling a 'save to favorites' action
- Removing an item from a wishlist
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconHeartX } from '@tabler/icons-react';
<IconHeartX size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- closedeleteremoveexitcancelrevokeeliminateendterminatediscardshapesheartxheart removefavorite canceldislike
FAQ
- What does the heart x icon represent?
- It represents the negation or removal of a 'heart' or 'favorite' state. It's used when an action that previously indicated liking or favoriting is reversed.
- How do I use the heart x icon in React?
- You can import and use it in your React components like this: import { IconHeartX } from '@tabler/icons-react'; <IconHeartX />
- What is the license for the Tabler heart x icon?
- The Tabler icon library, including the heart x 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 →