Heart 20 Solid 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-20-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-heart-20-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-heart-20-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-heart-20-solid.json
Category:actions
Tags:heartfavoritesolid20pxstandardlikebalanced

The heart icon in 20-pixel solid style represents favorites with a balanced, filled design optimized for standard favoriting interface elements.

This medium-sized variant combines clear visibility with space efficiency, making it ideal for like buttons, wishlist controls, and favorite indicators across web platforms.

Frequently Asked Questions

Common questions about the Heart 20 Solid icon

Similar Icons

Tag Solid - interface icon from HeroIcons
tag solid
Code Bracket Square Solid - system icon from HeroIcons
code bracket square solid
Tag 20 Solid - interface icon from HeroIcons
tag 20 solid
Bars Arrow Down Solid - interface icon from HeroIcons
bars arrow down solid
Lock Open 16 Solid - system icon from HeroIcons
lock open 16 solid
Arrows Up Down Solid - interface icon from HeroIcons
arrows up down solid
Arrow Uturn Down 16 Solid - navigation icon from HeroIcons
arrow uturn down 16 solid
Arrow Trending Down - data icon from HeroIcons
arrow trending down
Document Duplicate - actions icon from HeroIcons
document duplicate