The HugeIcons view off icon visually represents the concept of hiding or disabling visibility, commonly used to indicate that content or a feature is not currently displayed or accessible.
Common uses
- Toggling password visibility
- Disabling a feature
- Indicating hidden content
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ViewOffIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ViewOffIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- hideinvisiblevisibility offdisabled
FAQ
- What does the view off icon represent?
- It signifies that something is hidden, turned off, or not visible. It's often used as a toggle to show or hide sensitive information like passwords.
- How do I use the ViewOffIcon in React?
- Import both HugeiconsIcon and ViewOffIcon, then render <HugeiconsIcon icon={ViewOffIcon} />. Ensure you have installed '@hugeicons/react' and '@hugeicons/core-free-icons'.
- What is the license for this icon?
- The HugeIcons library, including the ViewOffIcon, 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 →