Home/Libraries/Freehand free icons (Iconify)/light-spotlight-1

Freehand free icons (Iconify)

LightSpotlight1

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"><path fill="#818cf8" d="M8.953 7.12c-.744-.845-2.232.24-1.196 1.226c.643.623 1.9-.382 1.196-1.226m-1.196 4.865c.643.613 1.9-.422 1.196-1.226c-.704-.805-2.232.22-1.196 1.226m5.036-4.865c-.744-.845-2.232.24-1.196 1.226c.643.623 1.9-.382 1.196-1.226m-1.196 4.865c.643.613 1.9-.422 1.196-1.226c-.704-.805-2.232.22-1.196 1.226m5.106-4.865a.864.864 0 1 0-1.196 1.226c.643.623 1.91-.382 1.196-1.226m-1.196 4.865c.643.613 1.91-.422 1.196-1.226a.864.864 0 1 0-1.196 1.226"/><path fill="#818cf8" d="M20.07 5.702c-.28-.663-1.246-.764-1.789-.915a20 20 0 0 0-5.498-.301c-2.01 0-4.132 0-6.172.18a.332.332 0 0 0 0 .654c2.06-.14 4.07-.08 6.111 0a19.3 19.3 0 0 1 5.238.402c.2.06 1.095.252 1.146.382c.341.845.1 2.795.06 3.75A4.27 4.27 0 0 1 18.161 13c-1.327 1.166-4.242.714-5.89.754c-2.011.08-6.525.422-7.118-1.146a27 27 0 0 1 .03-6.654a.292.292 0 0 0-.563-.131c-.24 1.005-.522 5.95-.16 7.036a2.93 2.93 0 0 0 2.412 1.649c.834.15.533 0 .533.241c.16 3.81.09 4.283.392 4.976a2.23 2.23 0 0 0 2.09 1.307a3.1 3.1 0 0 0 .131 2.01a.332.332 0 0 0 .654-.05a4 4 0 0 0 .1-1.9l1.579-.1a4.6 4.6 0 0 0 .16 2.302a.332.332 0 0 0 .654 0a4.5 4.5 0 0 0 .07-2.332a4.4 4.4 0 0 0 1.106-.141c2.171-.613 2.191-4.142 2.342-6.032c2.714-.422 3.538-2.16 3.599-4.885c.04-1.136.281-3.106-.211-4.202m-5.498 13.852c-.372.372-1.206.252-3.9.433c-2.453-.181-2.081.04-2.664-5.238c0-.21-.513.08 4.353 0c1.005 0 2.382.141 3.689 0c-.241 1.69-.362 3.67-1.478 4.805M23.62 5.15a2.45 2.45 0 0 0-2.011 1.367a.285.285 0 1 0 .362.442a3.3 3.3 0 0 0 1.316-.674c.211-.18.382-.372.593-.553a.332.332 0 0 0-.26-.583M.509 4.255a.332.332 0 0 0-.432.492c.19.241.321.523.502.794c.318.49.75.897 1.257 1.187a.292.292 0 0 0 .442-.372A3.35 3.35 0 0 0 .51 4.255m4.945-2.322A3 3 0 0 0 6.46 3.33a.286.286 0 0 0 .492-.292A3.6 3.6 0 0 0 5.756.696a.332.332 0 0 0-.563.332c.11.302.151.593.262.905m6.403.703a.292.292 0 0 0 .583 0c.292-.904.352-.774 0-1.93a.331.331 0 0 0-.653 0c-.312 1.227-.272 1.005.07 1.93m5.559.744c.251-.271.523-.502.764-.814c.342-.472.492-1.005.734-1.387a.324.324 0 0 0-.463-.453A3.17 3.17 0 0 0 16.914 3.1a.292.292 0 0 0 .503.281"/></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. LightSpotlight1Icon.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.