Heart Pixel Art Icon
A heart icon for likes, favorites and wishlists, and for heart-rate and fitness tracking in health apps.
Tags
lovefavoritelike
Style variants
base
Outline · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Heart icon
A heart outline. It carries two everyday meanings. The first is affection and approval: likes, favorites, and 'save to wishlist.' The second, in a health context, is cardiovascular tracking such as heart rate and fitness stats. Context usually makes the intent obvious, but for vitals specifically a pulse or heartbeat icon is less ambiguous. As a favorite or like control, the heart is the clearest choice there is.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/heart.svg" width="24" height="24" alt="Heart" />
<!-- React -->
import { Heart } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="heart.svg" width="48" height="48" style="image-rendering: pixelated" />