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/akar-icons-heart.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-heart.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-heart.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-heart.json
Category:actions
Tags:heartlikefavoritelovewishlistsavebookmarkaffinity

The heart icon represents favorites, likes, and saved items in social and e-commerce applications.

Featuring a classic heart shape design, this universally recognized symbol has become the standard indicator for liking content, adding items to wishlists, and marking favorites across digital platforms.

Frequently Asked Questions

Common questions about the Heart icon

Similar Icons

Zoom In - actions icon from Akar Icons
zoom in
Bootstrap Fill - system icon from Akar Icons
bootstrap fill
Game Controller - interface icon from Akar Icons
game controller
Hexagon Fill - layout icon from Akar Icons
hexagon fill
Drag Horizontal - interface icon from Akar Icons
drag horizontal
Arrow Forward Thick - navigation icon from Akar Icons
arrow forward thick
Align Right - typography icon from Akar Icons
align right
Telegram Fill - communication icon from Akar Icons
telegram fill
Yarn Fill - system icon from Akar Icons
yarn fill