What is the heart icon used for?

It's typically used to signify liking, favoriting, or expressing affection within an application.

How do I use the heart icon in React?

Import it using `import { IconHeart } from '@tabler/icons-react'` and then use it as a component: ` `.

The Tabler icon library, including the heart icon, is available under the MIT license.

Tabler · heart · MIT

The Tabler heart icon depicts a stylized heart shape, commonly used to represent concepts like love, liking, or favoriting items in user interfaces.

Install

npm i @tabler/icons-react

Import & render

import { IconHeart } from '@tabler/icons-react';

<IconHeart size={24} stroke={2} />

Tabler ships this icon in 2 styles — each its own import:

outline

<IconHeart size={24} stroke={2} />

filled

<IconHeartFilled size={24} stroke={2} />

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Shapes
Keywords: loveemotionlikefavoriterelationshipheartgeometryformfigurepatternshapeslove iconfavorite iconlike iconemotion icon

What is the heart icon used for?: It's typically used to signify liking, favoriting, or expressing affection within an application.
How do I use the heart icon in React?: Import it using `import { IconHeart } from '@tabler/icons-react'` and then use it as a component: `<IconHeart />`.
What is the license for the Tabler heart icon?: The Tabler icon library, including the heart icon, is available under the MIT license.

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