Question 1

How do I use this icon in React, Vue, or Svelte?

Accepted Answer

Copy ready-to-use component code for React, Vue, Svelte, or raw SVG

Question 2

How do I download this icon in different formats?

Accepted Answer

Download the icon in SVG, PNG, WebP, JPEG, or ICO formats

Question 3

What is the license for this icon?

Accepted Answer

This icon is licensed under ISC

Question 4

Where is this icon commonly used?

Accepted Answer

In privacy-focused applications like Signal and navigation apps such as Waze, users encounter this icon when location services are disabled or GPS connectivity is lost. Social media platforms including Instagram and Snapchat display this symbol when location sharing is turned off, while business applications like Slack use it to indicate when location-based features are disabled for privacy compliance or user preference settings.

Question 5

What does this icon communicate to users?

Accepted Answer

The visual design communicates more than simple unavailability - it specifically indicates intentional disabling, privacy protection, and the user's control over location data sharing. This distinction helps users understand that location functionality has been actively disabled rather than experiencing technical issues or temporary connectivity problems.

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally in privacy settings components where it represents disabled location services and location permission controls. Combine it with shadcn/ui's Switch components for location toggle controls or Alert components for location permission notifications. The crossed-out design should use muted colors like text-gray-400 when indicating disabled states to clearly communicate the inactive status.

Map Pin Off Icon

Install with shadcn CLI

Frequently Asked Questions

Similar Icons