Heart X Pixel Art Icon
A heart with an X for removing a like, rejecting a match, clearing favorites, and disabling a health feature.
Tags
heartlovefavoritelikeclosecancelremove
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Heart X icon
A heart marked with an X, signaling definitive rejection or removal of a heart-associated item. Use it on a 'Dislike' or 'Not interested' swipe in a dating or recommendation app, a firm 'Remove from favorites' confirmation, or a 'Health tracking error' state in a fitness UI. The X reads as more final than heart-minus, making it right for rejection flows. For a persistent off state rather than a one-time action, heart-off is the clearer choice.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/heart-x.svg" width="24" height="24" alt="Heart X" />
<!-- React -->
import { HeartX } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="heart-x.svg" width="48" height="48" style="image-rendering: pixelated" />