Home/Libraries/Game Icons (Iconify)/lorgnette

Game Icons (Iconify)

Lorgnette

License: CC-BY-3.0

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 512 512"><path fill="#818cf8" d="M407 33.45c-8 0-16.2 1.09-24.3 3.4c-25 7.13-44.5 24.4-55.2 46.07c-14.7-4.21-28-6.54-40.5-6.62q-13.05-.15-25.2 3.3c-19.5 5.56-36.6 18.17-54 37.4c-20.6-12.7-46.3-17.13-71.3-10c-47.14 13.4-74.6 62.8-61.18 110c2.14 7.5 5.19 14.5 9 20.9L57.26 404.1c-7.3.5-14.04 4.2-19.07 9.4c-6.22 6.4-10.36 15-11.7 24.9s.36 19.3 4.68 27c4.31 7.7 11.73 13.9 20.96 15.1c9.22 1.2 18.05-2.9 24.26-9.3s10.3-15 11.64-24.9s-.32-19.3-4.62-27c-2.18-3.9-5.17-7.4-8.78-10.1l24.83-152.3c22.14 21 54.44 30.2 85.84 21.3c47.1-13.4 74.6-62.9 61.2-110c-4.5-15.9-13.2-29.6-24.4-40.2c15.6-17.1 29.6-26.8 44.7-31.08c15-4.28 32-3.36 54.3 2.89c-4 14.99-4.1 31.09.4 46.99c13.5 47.2 62.9 74.7 110 61.2c47.1-13.4 74.6-62.8 61.2-109.93c-11.1-39.03-46.9-64.6-85.7-64.62m-.7 17.98c.8-.01 1.7-.01 2.6.01c30.3.7 57.7 20.85 66.5 51.56c10.8 37.8-11 77-48.8 87.7c-37.8 10.8-77-11-87.8-48.8c-10.7-37.8 11.1-76.97 48.9-87.73c6.2-1.77 12.4-2.66 18.6-2.74m.9 17.47c-36.8-.81-62.4 53.7-36.6 81.5c-.5-36.3 16.1-64.97 48.3-79.38c-4-1.36-7.9-2.03-11.7-2.12m-247.1 52.7h2.6c30.3.6 57.7 20.8 66.5 51.5c10.8 37.8-11 77-48.8 87.8c-37.8 10.7-77-11.1-87.77-48.9c-10.76-37.8 10.97-76.9 48.87-87.7c6.2-1.7 12.4-2.7 18.6-2.7m-4.8 20.4c-36.8-.8-62.45 53.8-36.6 81.6c-.5-36.3 16.1-65.1 48.3-79.5c-4-1.4-7.9-2-11.7-2.1M59.22 422.1c.27-.1.53 0 .79 0c2.78.4 5.47 2.1 7.67 6.1c2.21 3.8 3.34 9.6 2.5 15.8c-.85 6.2-3.48 11.6-6.63 14.7c-3.16 3.2-6.22 4.2-9 3.9c-2.78-.4-5.47-2.1-7.66-6.1c-2.21-3.8-3.35-9.6-2.5-15.8c.84-6.2 3.48-11.6 6.62-14.7c2.76-2.8 5.46-3.9 7.95-3.9z"/></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. LorgnetteIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-3.0** 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.