Heart icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable actions vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-heart.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-heart.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-heart.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-heart.json
Category:actions
Tags:heartfavoritelikelovewishlistsaveaffection

The heart icon represents favorites and affection with its classic heart shape design.

This universal symbol has become the standard indicator for favorite actions, like features, wishlist additions, and content appreciation across all modern social media platforms and e-commerce applications.

Frequently Asked Questions

Common questions about the Heart icon

Similar Icons

User Group 20 Solid - interface icon from HeroIcons
user group 20 solid
Bold Solid - typography icon from HeroIcons
bold solid
Hand Thumb Down 20 Solid - communication icon from HeroIcons
hand thumb down 20 solid
Document Duplicate 20 Solid - actions icon from HeroIcons
document duplicate 20 solid
Arrow Uturn Up 20 Solid - navigation icon from HeroIcons
arrow uturn up 20 solid
Document Currency Yen 16 Solid - interface icon from HeroIcons
document currency yen 16 solid
Puzzle Piece 20 Solid - system icon from HeroIcons
puzzle piece 20 solid
Arrow Down On Square Stack Solid - actions icon from HeroIcons
arrow down on square stack solid
Speaker X Mark 20 Solid - media icon from HeroIcons
speaker x mark 20 solid