Home/Libraries/SVG Logos (Iconify)/lumen

SVG Logos (Iconify)

Lumen

License: CC0-1.0Commercial 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 256 515"><path fill="#818cf8" d="M15.114 142.743a15.05 15.05 0 0 0 6.357-1.41L247.262 36.346c7.563-3.517 10.843-12.498 7.326-20.06c-3.515-7.562-12.499-10.842-20.059-7.326L8.74 113.947c-7.564 3.516-10.844 12.497-7.327 20.06c2.558 5.501 8.01 8.736 13.702 8.736M234.53 73.14L8.74 178.125c-7.564 3.516-10.844 12.496-7.327 20.058c2.557 5.503 8.008 8.738 13.702 8.738c2.132 0 4.297-.453 6.357-1.412l225.791-104.984c7.563-3.517 10.843-12.498 7.326-20.06c-3.515-7.562-12.499-10.842-20.059-7.326m0 64.718L8.74 242.843c-7.564 3.516-10.844 12.496-7.327 20.058c2.557 5.503 8.008 8.738 13.702 8.738c2.132 0 4.297-.453 6.357-1.412l225.791-104.984c7.563-3.517 10.843-12.498 7.326-20.06c-3.515-7.562-12.499-10.842-20.059-7.326M15.114 78.745c2.137 0 4.308-.456 6.373-1.418L125.574 28.79c7.56-3.524 10.828-12.509 7.304-20.068c-3.526-7.559-12.51-10.826-20.069-7.304L8.722 49.955C1.164 53.48-2.106 62.465 1.418 70.023c2.563 5.495 8.01 8.722 13.696 8.722m219.358 123.316l-79.818 37.522a15.1 15.1 0 0 0-8.676 13.666v75.374h-34.876v-56.268c0-8.34-6.76-15.1-15.1-15.1s-15.101 6.76-15.101 15.1v56.268H59.259c-6.426 0-11.287 5.814-10.148 12.14l5.094 28.274a10.31 10.31 0 0 0 10.148 8.483h52.982l-56.12 10.19a7.55 7.55 0 0 0-6.08 8.777a7.556 7.556 0 0 0 7.42 6.204q.674.001 1.359-.124l128.715-23.372a7.5 7.5 0 0 0 4.772-3.027c2.666-1.512 4.62-4.173 5.115-7.385l4.367-28.276c.964-6.247-3.87-11.884-10.191-11.884h-20.513v-65.786l71.142-33.444c7.547-3.548 10.789-12.543 7.24-20.09c-3.546-7.544-12.538-10.79-20.09-7.242m-44.541 200.75l-128.715 23.37a7.55 7.55 0 0 0-6.081 8.776a7.55 7.55 0 0 0 7.42 6.204q.672.001 1.357-.124l128.716-23.37a7.55 7.55 0 0 0 6.08-8.776c-.745-4.102-4.671-6.838-8.777-6.08m0 39.91L61.216 466.088a7.55 7.55 0 0 0-6.081 8.777a7.55 7.55 0 0 0 7.42 6.204c.447 0 .902-.04 1.357-.124l128.716-23.37a7.55 7.55 0 0 0 6.08-8.776c-.745-4.102-4.671-6.838-8.777-6.08m-15.394 40.254l-95.997 16.54a7.55 7.55 0 0 0 2.563 14.88l95.998-16.538a7.55 7.55 0 0 0 6.16-8.724c-.708-4.106-4.606-6.851-8.724-6.158"/></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. LumenIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.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.