What is the heart icon used for?

It's typically used to represent liking, love, or favoriting something within a user interface.

How do I use the heart icon in React?

You can import it directly from the 'lucide-react' library: `import { Heart } from 'lucide-react'`.

Lucide icons are distributed under the ISC license, which is a permissive free software license.

Lucide · heart · ISC

The Lucide heart icon visually represents love or affection, commonly used in UIs for actions like liking content or indicating favorite items.

Install

npm i lucide-react

Import & render

import { Heart } from 'lucide-react';

<Heart size={24} />

What is the heart icon used for?: It's typically used to represent liking, love, or favoriting something within a user interface.
How do I use the heart icon in React?: You can import it directly from the 'lucide-react' library: `import { Heart } from 'lucide-react'`.
What is the license for Lucide icons?: Lucide icons are distributed under the ISC license, which is a permissive free software license.

The same idea in other libraries, and near matches in Lucide.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →