The Lucide navigation off icon depicts a crossed-out navigation symbol, commonly used to indicate that navigation features or services are disabled or unavailable.
Common uses
- Disabling GPS or location services in a mobile app.
- Showing that a route or map is not currently active.
- Indicating an error state for navigation functionality.
Use it in React
Install
npm i lucide-reactImport & render
import { NavigationOff } from 'lucide-react';
<NavigationOff size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- locationtravelnavigationoffno navigationlocation disabledmap offroute unavailable
FAQ
- What is the purpose of the navigation off icon?
- This icon signifies that navigation capabilities are turned off or inaccessible. It's useful for indicating states where location tracking or route guidance is not active.
- How do I use the navigation off icon in React?
- You can import and use it directly from the 'lucide-react' library with the following import statement: import { NavigationOff } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the navigation off 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 →