Home/Libraries/Fluent UI System Icons (Iconify)/eye-circle-24-filled

Fluent UI System Icons (Iconify)

EyeCircle24Filled

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="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 5c-1.773 0-3.265.955-4.28 1.97a7.8 7.8 0 0 0-1.221 1.568C6.228 11.006 6 11.542 6 12s.228.994.499 1.462a7.8 7.8 0 0 0 1.22 1.568C8.736 16.045 10.228 17 12 17s3.265-.955 4.28-1.97a7.8 7.8 0 0 0 1.221-1.568c.271-.468.499-1.004.499-1.462s-.228-.994-.499-1.462a7.8 7.8 0 0 0-1.22-1.568C15.265 7.955 13.772 7 12 7m0 1.5c1.227 0 2.36.67 3.22 1.53c.424.424.758.873.982 1.26q.168.293.241.497q.037.1.048.16c.01.041.009.058.009.053s0 .012-.009.053a1 1 0 0 1-.048.16a3.3 3.3 0 0 1-.24.497a6.3 6.3 0 0 1-.983 1.26c-.86.86-1.993 1.53-3.22 1.53s-2.36-.67-3.22-1.53a6.3 6.3 0 0 1-.982-1.26a3.3 3.3 0 0 1-.241-.497a1 1 0 0 1-.048-.16c-.01-.041-.009-.058-.009-.053s0-.012.009-.053q.011-.06.048-.16c.049-.135.129-.304.24-.497c.225-.387.56-.836.983-1.26c.86-.86 1.993-1.53 3.22-1.53m0 1.5a2 2 0 1 0 0 4a2 2 0 0 0 0-4"/></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. EyeCircle24FilledIcon.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.