The Phosphor map pin plus icon visually represents adding a new location or point of interest to a map.
Common uses
- Button to add a new destination
- Option to bookmark a new place
- Indicator for adding a new marker
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { MapPinPlus } from '@phosphor-icons/react';
<MapPinPlus size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<MapPinPlus size={24} />thin
<MapPinPlus size={24} weight="thin" />light
<MapPinPlus size={24} weight="light" />bold
<MapPinPlus size={24} weight="bold" />fill
<MapPinPlus size={24} weight="fill" />duotone
<MapPinPlus size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- maps & travel
- Keywords
- *new*mapsplacesmarkerspinslocationsaddpoint of interestmaps & travelmappinplusadd locationnew markermap point addpin plus
FAQ
- What is the map pin plus icon used for?
- It's typically used to signify an action related to adding a new location, such as adding a new point of interest or bookmarking a place on a map interface.
- How do I use the map pin plus icon in React?
- You can import and use it directly from the Phosphor React library: import { MapPinPlus } from '@phosphor-icons/react'.
- What is the license for Phosphor icons?
- Phosphor 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 Phosphor.
Looking for something else? Search Phosphor 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 →