The HugeIcons map pin x icon depicts a map pin with a cross or 'x' mark, commonly used to indicate a removed, invalid, or canceled location.
Common uses
- Clear search input for location
- Cancel location selection
- Mark an expired or unavailable address
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { MapPinXIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={MapPinXIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- location offremove locationinvalid addresscancel location
FAQ
- What does the map pin x icon represent?
- It represents a location that has been removed, is invalid, or has been canceled. It's a visual cue for an action related to location data.
- How do I use the MapPinXIcon in React?
- Import both HugeiconsIcon and MapPinXIcon, then render the icon using <HugeiconsIcon icon={MapPinXIcon} />.
- What is the license for this icon?
- This icon is provided 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 HugeIcons.