The HugeIcons navigation two off icon visually represents a disabled or inactive navigation state, often used to indicate that a particular navigation option is currently unavailable or not selected.
Common uses
- Disabling a primary navigation tab
- Showing an unselected menu item
- Indicating a feature is not yet active
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { NavigationTwoOffIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={NavigationTwoOffIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- disabled navigationinactive menuoff toggleunselected tab
FAQ
- What does the 'navigation two off' icon signify?
- This icon signifies a disabled or inactive navigation element. It's used to show when a navigation option is not currently selected or available.
- How do I use NavigationTwoOffIcon in React?
- Import the icon and then render it using the HugeiconsIcon component: import { HugeiconsIcon } from '@hugeicons/react'; import { NavigationTwoOffIcon } from '@hugeicons/core-free-icons'; render <HugeiconsIcon icon={NavigationTwoOffIcon} />.
- What is the license for HugeIcons?
- HugeIcons are released under the MIT license, allowing for free usage in both personal and commercial projects.
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 →