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

The heart icon in 16-pixel solid style represents favorites with a compact, filled design optimized for space-constrained favoriting interfaces.

This smaller variant maintains the heart shape while providing better visibility in dense layouts, mobile wishlist apps, and compact like buttons.

Frequently Asked Questions

Common questions about the Heart 16 Solid icon

Similar Icons

Adjustments Horizontal 16 Solid - interface icon from HeroIcons
adjustments horizontal 16 solid
Photo 16 Solid - media icon from HeroIcons
photo 16 solid
Hand Thumb Up 16 Solid - communication icon from HeroIcons
hand thumb up 16 solid
Arrow Right End On Rectangle - navigation icon from HeroIcons
arrow right end on rectangle
Bars 3 Solid - interface icon from HeroIcons
bars 3 solid
Gift Top Solid - interface icon from HeroIcons
gift top solid
Percent Badge 16 Solid - interface icon from HeroIcons
percent badge 16 solid
Globe Asia Australia 16 Solid - navigation icon from HeroIcons
globe asia australia 16 solid
Chevron Double Left 20 Solid - navigation icon from HeroIcons
chevron double left 20 solid