Heart Outlined 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/ant-design-heart-outlined.json
npx shadcn@latest add https://www.shadcn.io/registry/ant-design-heart-outlined.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/ant-design-heart-outlined.json
bunx shadcn@latest add https://www.shadcn.io/registry/ant-design-heart-outlined.json
Category:actions
Tags:heartoutlinedlikefavoritelovesavewishlistbookmark

The heart-outlined icon represents favorites, likes, and saved items in modern applications.

This outlined heart design communicates user preferences, saved content, and engagement actions, making it ideal for social platforms, e-commerce sites, and content applications where favorite features and like actions need clear visual recognition across engagement and preference systems.

Frequently Asked Questions

Common questions about the Heart Outlined icon

Similar Icons

Folder View Outlined - actions icon from Ant Design Icons
folder view outlined
Like Twotone - actions icon from Ant Design Icons
like twotone
Dollar Circle Twotone - interface icon from Ant Design Icons
dollar circle twotone
Reddit Outlined - communication icon from Ant Design Icons
reddit outlined
Down Square Outlined - actions icon from Ant Design Icons
down square outlined
Shop Outlined - commerce icon from Ant Design Icons
shop outlined
Area Chart Outlined - data icon from Ant Design Icons
area chart outlined
Align Right Outlined - typography icon from Ant Design Icons
align right outlined
Sliders Outlined - interface icon from Ant Design Icons
sliders outlined