The Lucide map pin icon visually represents a geographical location or waypoint, commonly used in user interfaces to indicate addresses, points of interest, or the user's current position.
Common uses
- Displaying user's current location on a map.
- Marking a business address on a contact page.
- Indicating a destination for navigation.
Use it in React
Install
npm i lucide-reactImport & render
import { MapPin } from 'lucide-react';
<MapPin size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- locationwaypointmarkerdropmappinlocation markergeotagmap markerdrop pin
FAQ
- What is the map pin icon used for?
- It's used to signify a specific geographical point on a map or interface, such as an address or a point of interest.
- How do I use the map pin icon in React?
- You can import it from 'lucide-react' and use it as a component: import { MapPin } from 'lucide-react'.
- What is the license for the Lucide map pin icon?
- The Lucide icon library, including the map pin icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →