The HugeIcons navigation off icon visually represents the disabling or deactivation of navigation features within an application.
Common uses
- Disabling map or GPS navigation
- Toggling off route guidance
- Indicating a feature is not currently available
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { NavigationOffIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={NavigationOffIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- no navigationdisable navigationnavigation disabledoff route
FAQ
- What does the navigation off icon signify?
- This icon signifies that navigation functionalities are turned off or unavailable. It's commonly used to indicate that a user cannot navigate or that a navigation feature has been deactivated.
- How do I use the NavigationOffIcon in React?
- To use it in React, import both HugeiconsIcon and NavigationOffIcon, then render the icon using: `<HugeiconsIcon icon={NavigationOffIcon} />`.
- What is the license for this icon?
- The HugeIcons navigation off icon is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →