Home/Libraries/Prime Icons (Iconify)/eye-slash

Prime Icons (Iconify)

EyeSlash

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M20.69 11.7c-.12-.26-2.86-6.45-8.69-6.45a7.7 7.7 0 0 0-1.66.18a.75.75 0 0 0 .32 1.46A6.6 6.6 0 0 1 12 6.75c4.18 0 6.58 4.1 7.17 5.25a13.3 13.3 0 0 1-1.26 2a.75.75 0 0 0 .59 1.21a.75.75 0 0 0 .59-.29a13.4 13.4 0 0 0 1.6-2.59a.78.78 0 0 0 0-.63M6.53 5.47a.75.75 0 0 0-1.06 1.06l.92.92a13.2 13.2 0 0 0-3.08 4.26a.76.76 0 0 0 0 .59c.12.26 2.86 6.45 8.69 6.45a7.93 7.93 0 0 0 4.39-1.3l1.08 1.08a.75.75 0 0 0 1.06 0a.75.75 0 0 0 0-1.06Zm3.83 6l2.21 2.22a1.81 1.81 0 0 1-1.81-.4a1.74 1.74 0 0 1-.4-1.87ZM12 17.25c-4.19 0-6.58-4.11-7.17-5.25a12 12 0 0 1 2.62-3.49l1.79 1.79a3.24 3.24 0 0 0 4.46 4.46l1.61 1.61a6.5 6.5 0 0 1-3.31.88"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. EyeSlashIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.