Home/Libraries/Devicon Plain (Iconify)/gleam

Devicon Plain (Iconify)

Gleam

License: MITCommercial 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 128 128"><path fill="#818cf8" d="M56.61.014q-.616.032-1.221.138v.002c-3.23.57-6.182 2.714-7.405 6.178l-9.523 26.98a9.6 9.6 0 0 1-5.553 5.745L6.244 49.504C-.598 52.184-1.923 61.596 3.91 66.05l22.746 17.37a9.58 9.58 0 0 1 3.75 7.047l1.696 28.553c.434 7.326 8.978 11.493 15.033 7.323v-.002l23.58-16.244a9.6 9.6 0 0 1 7.87-1.389l27.714 7.2c7.116 1.848 13.72-4.99 11.623-12.022l-8.17-27.412a9.58 9.58 0 0 1 1.113-7.905l15.432-24.103c3.958-6.182-.503-14.573-7.85-14.752l-28.63-.695a9.6 9.6 0 0 1-7.182-3.499L64.459 3.426C62.418.944 59.477-.137 56.609.014zm30.435 55.513a5.082 5.082 0 1 1 .222 10.161a5.082 5.082 0 0 1-.222-10.16zM46.1 62.747a5.083 5.083 0 0 1 .992 10.085a5.082 5.082 0 1 1-.992-10.086zm26.283 7.382a2.6 2.6 0 0 1 1.812.799a2.6 2.6 0 0 1 .713 1.847a6.72 6.72 0 0 1-2.088 4.721h-.002a6.7 6.7 0 0 1-2.22 1.41h-.002a6.8 6.8 0 0 1-2.59.451h-.002a6.7 6.7 0 0 1-2.567-.576h-.001a6.76 6.76 0 0 1-3.563-3.736a2.59 2.59 0 0 1 .63-2.805a2.6 2.6 0 0 1 1.847-.715a2.595 2.595 0 0 1 2.35 1.655c.075.192.186.368.328.517v.002q.216.224.5.35v.002h.002a1.58 1.58 0 0 0 1.201.03l.002-.003a1.55 1.55 0 0 0 .868-.828h.002v-.002c.083-.188.127-.389.132-.594a2.59 2.59 0 0 1 1.653-2.353c.317-.122.654-.18.994-.172z"/></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. GleamIcon.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.