Home/Libraries/Skill Icons (Iconify)/lua-light

Skill Icons (Iconify)

LuaLight

License: MITCommercial Safe

ICON SIZE

STROKE WEIGHT1.5px

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 256 256"><g fill="none"><rect width="256" height="256" fill="#818cf8" rx="60"/><g clip-path="url(#SVGg3D4Hd7H)"><path fill="navy" d="M204.453 128.02c0-42.196-34.258-76.45-76.453-76.45s-76.453 34.254-76.453 76.45c0 42.199 34.258 76.453 76.453 76.453s76.453-34.254 76.453-76.453"/><path fill="#818cf8" d="M182.066 96.344c0-12.356-10.031-22.387-22.386-22.387c-12.356 0-22.387 10.031-22.387 22.387c0 12.351 10.031 22.386 22.387 22.386s22.386-10.035 22.386-22.386"/><path fill="navy" d="M226.84 51.547c0-12.356-10.031-22.387-22.387-22.387s-22.387 10.031-22.387 22.387s10.032 22.387 22.387 22.387s22.387-10.008 22.387-22.387"/><path fill="#818cf8" d="M82.508 160.586h24.773v5.641H76.109v-50.161h6.399zm54.363 5.641v-5.028c-3.379 4.754-6.738 6.61-12.039 6.61c-7.012 0-11.488-3.844-11.488-9.84v-27.793h5.703v25.531c0 4.332 2.89 7.098 7.433 7.098c5.977 0 9.84-4.817 9.84-12.188v-20.441h5.703v36.051zm47.074.972c-1.859.485-2.746.61-3.929.61c-3.715 0-5.512-1.645-5.914-5.301c-4.055 3.719-7.707 5.301-12.247 5.301c-7.289 0-11.828-4.118-11.828-10.664c0-4.688 2.133-7.918 6.336-9.629c2.196-.887 3.442-1.164 11.551-2.2c4.543-.546 5.977-1.582 5.977-3.988v-1.523c0-3.442-2.891-5.364-8.043-5.364c-5.368 0-7.985 1.985-8.469 6.399h-5.789c.148-3.57.824-5.637 2.472-7.496c2.407-2.684 6.735-4.203 11.973-4.203c8.871 0 13.559 3.441 13.559 9.839v21.208c0 1.792 1.097 2.828 3.105 2.828c.336 0 .614 0 1.246-.149zm-10.054-18.797c-1.922.887-3.168 1.16-9.227 1.985c-6.125.886-8.68 2.828-8.68 6.609c0 3.656 2.618 5.789 7.094 5.789c3.379 0 6.188-1.101 8.535-3.234c1.707-1.582 2.278-2.742 2.278-4.688z"/><path stroke="gray" stroke-dasharray="8.63 8.63" stroke-miterlimit="10" stroke-width="1.5" d="M216.09 83.121A98.9 98.9 0 0 1 226.859 128c0 54.574-44.285 98.859-98.859 98.859S29.14 182.574 29.14 128S73.427 29.14 128 29.14a98.93 98.93 0 0 1 49.883 13.497"/></g><defs><clipPath id="SVGg3D4Hd7H"><path fill="#818cf8" d="M28 28h200v200H28z"/></clipPath></defs></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. LuaLightIcon.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.