Home/Libraries/Font Awesome Brands (Iconify)/lumon

Font Awesome Brands (Iconify)

Lumon

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 640 640"><path fill="#818cf8" d="M452.5 287.5c9.8 0 16.5 6.3 16.5 16.6v31.8c0 10.3-6.6 16.6-16.6 16.6h-56.2c-9.8 0-16.5-6.3-16.5-16.6v-31.8c0-10.3 6.7-16.6 16.5-16.6zm-25.7 13.1c-1.5-2.6-3.2-2.6-4.6 0l-10.7 17.6c-1.7 2.4-2.6 5.1-2.6 8.2c0 7.9 6.9 14.6 15.6 14.6c8.5 0 15.6-6.7 15.6-14.6c0-3-1-5.8-2.7-8.2l-10.7-17.6zm-341-12.8c1 0 1.5.6 1.5 1.5v50.3h64.6c1 0 1.6.6 1.6 1.5v9.7c0 .9-.6 1.5-1.6 1.5H73.5c-1 0-1.6-.6-1.6-1.5v-61.4c0-.9.6-1.5 1.6-1.5h12.3zm88.3 0c1 0 1.5.6 1.5 1.5v45c0 4 2 5.2 5.7 5.2h46.9c3.8 0 5.7-1.3 5.7-5.2v-45c0-.9.5-1.5 1.5-1.5h12.3c1 0 1.6.6 1.6 1.5v46c0 10.5-5.3 16.8-17.6 16.8h-54c-12.3 0-17.6-6.3-17.6-16.8v-46c0-.9.6-1.5 1.6-1.5H174zm108.2 0c1 0 1.6.5 2.2 1.4l30.5 46.4h1.4l30.5-46.4c.6-.9 1.2-1.4 2.2-1.4h18c1 0 1.5.6 1.5 1.5v61.4c0 .9-.5 1.5-1.5 1.5h-12.3c-1 0-1.6-.6-1.6-1.5v-43.8h-1.1l-28.7 43.8c-.6.9-1.3 1.5-2.4 1.5h-10.7c-1 0-1.7-.6-2.3-1.5l-28.7-43.8h-1.1v43.8c0 .9-.5 1.5-1.5 1.5h-12.3c-1 0-1.6-.6-1.6-1.5v-61.4c0-.9.6-1.5 1.6-1.5zm214.4 0c.9 0 1.3.4 2.2 1.1l52.7 46.3h1.3v-46c0-.9.6-1.5 1.6-1.5h12.3c1 0 1.6.6 1.6 1.5v61.4c0 .9-.6 1.5-1.6 1.5h-14.4c-1 0-1.4-.4-2.3-1.1l-52.6-46.3h-1.4v46c0 .9-.5 1.5-1.5 1.5h-12.3c-1 0-1.6-.6-1.6-1.5v-61.4c0-.9.6-1.5 1.6-1.5zM320 178.1c87.9 0 167.7 15.7 225.5 41l2.7 1.2c38.9 17.5 91.8 50.2 91.8 99.7s-52.9 82.2-91.8 99.6l-2.7 1.2c-57.8 25.4-137.6 41-225.5 41c-76.2 0-155.1-10.5-225.5-41C54.9 403.4 0 370.5 0 320s54.9-83.5 94.5-100.8c70.4-30.5 149.3-41 225.5-41zm-88.9 229c20.3 29 52.8 49.6 88.9 49.6c36.2 0 68.7-20.6 89-49.7zm-96.1 0c43.3 29.7 96.7 43.5 148.4 48c-24.2-9.1-44.4-26.7-58.6-48.1h-89.9zm280.3-.1c-14.2 21.4-34.4 39.1-58.6 48.1c51.8-4.5 105.3-18.3 148.6-48.2h-90zm-337.4.1c44.1 23.1 93.7 35.4 142.7 42.6c-33.4-8.6-66.5-21.9-94.4-42.6zm436.2-.2c-27.9 20.8-61.1 34.2-94.6 42.8c47.3-6.9 89.6-18.5 123.9-33.6l1.7-.8q9.15-4.05 17.4-8.4H514zm5.9-169.3c10.7 8.7 19.8 18.1 27 28.2c.4.6.5 1.3.1 2s-1 1-1.7 1h-1.6c-.6 0-1.2-.3-1.5-.8c-7.9-10.9-18.2-21.1-30.6-30.4h-93.5c5.4 8.8 9.9 18.5 13.4 28.6c.2.6.1 1.2-.2 1.7s-.9.8-1.6.8h-1.4c-.8 0-1.5-.5-1.8-1.3c-3.8-10.7-8.7-20.8-14.5-29.9l-184.3.1c-5.8 9.1-10.7 19.1-14.4 29.8c-.3.8-1 1.3-1.8 1.3h-1.4c-.6 0-1.2-.3-1.6-.8s-.5-1.1-.2-1.7c3.5-10.2 8-19.7 13.4-28.6h-93.6c-12.3 9.3-22.6 19.4-30.4 30.3c-.4.5-.9.8-1.5.8h-1.6c-.7 0-1.4-.4-1.7-1s-.3-1.4.1-2c7.6-10.5 16.7-19.9 26.8-28h-51C40 254.3 6.9 281 5.4 317.4h44.7c.5 0 1 .2 1.3.6s.6.8.6 1.3v1.3c0 1.1-.9 1.9-1.9 1.9H5.4C6.8 359 40 385.7 69 402.3h50.9c-10.3-8.4-19.1-17.4-26.1-27l-.8-1.1c-.4-.6-.5-1.3-.1-2s1-1 1.7-1h1.8c.5.1 1 .3 1.3.8c7.9 10.9 18.1 21 30.5 30.3h93.6c-5.3-8.8-9.8-18.4-13.4-28.5c-.2-.6-.1-1.2.2-1.7s.9-.8 1.6-.8h1.6c.7.1 1.4.6 1.7 1.3c3.8 10.7 8.6 20.7 14.4 29.8l184.5-.1c5.8-9.1 10.6-19.1 14.4-29.7l.1-.1c.3-.7 1-1.1 1.7-1.1h1.4c.6 0 1.2.3 1.6.8s.5 1.2.2 1.7c-3.5 10.1-8 19.7-13.3 28.5h93.7c12.3-9.3 22.5-19.4 30.3-30.2l.1-.2c.4-.4.9-.6 1.4-.6h1.6c.7 0 1.4.4 1.7 1s.3 1.4-.1 2c-7.1 10-16.1 19.3-26.7 27.9h51.1c28.8-16.6 61.8-43.3 63.4-79.6h-44.7c-1 0-1.9-.9-1.9-1.9v-1.3c0-1.1.9-1.9 1.9-1.9H635c-1.6-36.5-34.9-63.3-63.9-79.9h-50.9zm-299.5-47.4c-49.1 7.1-98.7 19.5-143 42.7h48.4c27.9-20.8 61-34.1 94.5-42.7zm62.8-5.4c-51.8 4.5-105.2 18.3-148.6 48.1h90c14.2-21.4 34.4-39 58.6-48.1m36.6-1.6c-36.2 0-68.7 20.6-89 49.7l177.9-.1c-20.3-29.1-52.7-49.6-88.9-49.6m36.6 1.6c24.2 9.1 44.4 26.6 58.5 48h89.8c-43.3-29.7-96.6-43.5-148.3-48m62.8 5.4c33.4 8.5 66.4 21.9 94.3 42.5h48.3c-44.1-23.1-93.6-35.4-142.6-42.5"/></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. LumonIcon.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.

Related Icons in Font Awesome Brands (Iconify)

Browse all Font Awesome Brands (Iconify) icons →

adn