The Tabler location heart icon visually represents a favorite or saved location, often used to indicate a preferred place, a loved spot, or a destination of personal significance.
Common uses
- Marking a user's home or work location.
- Highlighting a favorite restaurant or shop on a map.
- Indicating a saved or wishlisted travel destination.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconLocationHeart } from '@tabler/icons-react';
<IconLocationHeart size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Map
- Keywords
- loveaffectionlikepassionemotionfondnessadorationdesireappreciationcaremaplocationheartmap heartfavorite locationsaved place
FAQ
- What is the purpose of the location heart icon?
- It's used to signify a location that is special, liked, or saved, combining the concepts of place and affection.
- How do I use the location heart icon in React?
- You can import and use it directly with: import { IconLocationHeart } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icon library, including the location heart icon, is available under the MIT license.
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 →