Skip to content
IconMind

Heart icons

22 icons carry the tag heart, across Interface, Health, Social, Analytics, Agents, AI & LLM, Commerce, Developer Tools and Education. Agent heart, Heart, Best friend and 19 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

22 iconsOpen in browser
chat-heartfavorite-addfavorite-bookmarkfavorite-pagefavorite-removefavorites-filterfavorites-searchlikedunlikeheart-rateheart-zonewellbeing-goalbest-friendextra-lifethank-you-cardfavorite-goalfavorite-milestoneagent-heartmodel-heartwishlist-heartfavorite-runanatomy-heart

The 22 heart icons, described

Agent heartagent-heart
An agent with a small heart at its centre — an agent people have come to care about.
Heartanatomy-heart
The heart with its vessels.
Best friendbest-friend
The two under one heart.
Chat heartchat-heart
A speech bubble with a heart inside — a reaction on a message.
Extra lifeextra-life
The heart you were given back.
Add favoritefavorite-add
Add favourite — kept where the heart keeps things, saved and liked.
Favourite bookmarkfavorite-bookmark
A heart beside a bookmark — a saved item you love and keep coming back to.
Favourite goalfavorite-goal
A trophy with a heart in its bowl — the goal that matters most.
Favourite milestonefavorite-milestone
A flag beside a heart — the milestone that meant the most to the team.
Favourite pagefavorite-page
A window with a heart inside — a page marked as a favourite for quick return.
Remove favoritefavorite-remove
Remove favourite — the heart lets it go, unsaved and unliked.
Favourite runfavorite-run
A run card with a heart under its play — a run configuration you keep coming back to.
Favourites filterfavorites-filter
A funnel with a heart below its stem — only the favourites come through.
Favourites searchfavorites-search
A magnifying glass beside a heart — search within favourites.
Heart rateheart-rate
The heart with the beat drawn through it.
Heart zoneheart-zone
The heart against the zones above it.
Likedliked
A heart in a round button — something you liked, marked as such.
Model heartmodel-heart
A model core beside a heart — a favourite model you keep coming back to.
Thank youthank-you-card
The card with the heart on it.
Unlikeunlike
A heart with an X beside it — take a like back and un-favourite.
Wellbeing goalwellbeing-goal
The heart you are aiming at.
Wishlistwishlist-heart
The basket with a heart in it — the things a shopper would like.

In code, each is one import — import { AgentHeart } from "@iconmind/react/icons/agent-heart" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry

favourite17like4favourites4goal31save19aim6best8bookmark17card43care8check32filter42

Every heart icon, free to ship

22 of 5,287 icons compiled from one grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.

All tagsInstall the packageRequest an icon