Home/Libraries/Freehand free icons (Iconify)/lens-shutter-1

Freehand free icons (Iconify)

LensShutter1

License: CC-BY-4.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 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M8.115.776C.308 3.565-3 13 3.347 20.156c2.549 2.83 7.806 4.699 11.485 3.45C31.803 17.807 22.628-4.402 8.115.775m5.717 16.992a5.6 5.6 0 0 1-2.079-1.31c-.3-.44-1.14-.38-.93.08a7.65 7.65 0 0 0 8.826 3c-1.899 1.878-4.947 3.617-7.936 3.407a.35.35 0 0 0-.2-.07c-.54 0-2.469-2.528-2.998-3.998a7 7 0 0 1-.6-3.998c.22-.76-.38-1-.54-.66c-.22.443-.35.926-.38 1.42c-.31 3.328.88 4.818 3.079 6.997a11.3 11.3 0 0 1-6.577-4.068a.33.33 0 0 0-.11-.25c.33-.29-.87-.11.57-3.639a8.26 8.26 0 0 1 3.878-4.288s.61-.48.46-.86c-.15-.379-.37-.179-.66-.06a7.8 7.8 0 0 0-4.638 4.839a9 9 0 0 0-.55 2.688a10.39 10.39 0 0 1-.19-10.075c.22.08 4.998-2.409 9.436.89c.28.42.91.18.73-.25c-.28-.92-2.19-1.6-2.999-1.91a8.6 8.6 0 0 0-6.627.42a11.2 11.2 0 0 1 8.056-5.067c0 .1 3.819 2.699 4.119 6.057a10.4 10.4 0 0 1 0 1.9c0 .599.57 1.049.73.689c.409-2.879.299-4.208-.81-5.867a10.1 10.1 0 0 0-2.99-2.879a10.32 10.32 0 0 1 9.346 4.508a.31.31 0 0 0 0 .28c-.46.07.12 2.998-2.608 5.997c-.72.79-1.71 2.199-2.939 2.499c-.54.13-.81.68-.43.77c1.46.34 3.249-1.52 4.188-2.51a10.4 10.4 0 0 0 2.43-5.927a10.73 10.73 0 0 1-1.2 11.775c-1.83.7-3.908.87-6.857-.55z"/><path d="M14.991 14.37a3.94 3.94 0 0 0 .52-3.789a3.6 3.6 0 0 0-.52-.9a3.887 3.887 0 0 0-5.627-.609c-.343.24-.635.546-.86.9a4 4 0 0 0-.82 3.478c.082.302.217.587.4.84a4.24 4.24 0 0 0 2.26 1.519c.347.127.71.208 1.08.24a4.45 4.45 0 0 0 3.567-1.68m-6.257-2.8a3.94 3.94 0 0 1 2.1-2.478c1.579-.62 4.697.46 3.998 3.468a3.07 3.07 0 0 1-3.839 2.3c-1.729-.43-2.868-1.47-2.309-3.29z"/></g></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. LensShutter1Icon.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-4.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.