The Tabler user heart icon visually represents a user or person combined with a heart, commonly used to signify liking, favoriting, or showing affection towards a user profile or content.
Common uses
- Favorite user button
- Add to liked users list
- User profile relationship status
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconUserHeart } from '@tabler/icons-react';
<IconUserHeart size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- loveaffectionemotionromancecaringkindnesspassiondevotionfeelingcompassionsystemuserheartuser likefavorite useruser love
FAQ
- What does the user heart icon represent?
- It symbolizes a connection or positive sentiment towards a user, such as liking, favoriting, or showing care.
- How do I use the user heart icon in React?
- You can import it directly from the '@tabler/icons-react' library using: import { IconUserHeart } from '@tabler/icons-react'.
- What is the license for Tabler icons?
- Tabler icons are distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →