The HugeIcons heart remove icon visually represents the action of removing or disliking something, commonly used for unliking content or removing an item from a favorites list.
Common uses
- Unliking a post or comment
- Removing an item from a wishlist
- Disabling a favorite feature
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { HeartRemoveIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={HeartRemoveIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- unlikedislikeremove from favoritesdelete heart
FAQ
- What does the heart remove icon signify?
- It signifies the removal or negation of a 'like' or 'favorite' action. It's used when a user wants to undo a previous positive selection.
- How do I use the HeartRemoveIcon in React?
- You can import it from '@hugeicons/core-free-icons' and render it using the HugeiconsIcon component like this: import { HeartRemoveIcon } from '@hugeicons/core-free-icons'; <HugeiconsIcon icon={HeartRemoveIcon} />.
- What is the license for this icon?
- This icon is part of the HugeIcons library and is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →