Home/Libraries/SmartIcons Glyph (Iconify)/electron

SmartIcons Glyph (Iconify)

Electron

License: CC-BY-SA-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 17 16"><g fill="#818cf8" fill-rule="evenodd" transform="translate(1)"><ellipse cx="7.956" cy="7.964" rx="1.956" ry="1.964"/><path d="M11.977 15.997c-2.42 0-5.461-1.544-7.938-4.03C.177 8.09-1.113 3.311 1.103 1.086C1.808.377 2.812.002 4.001.002c2.421 0 5.462 1.545 7.939 4.032c3.861 3.876 5.15 8.655 2.936 10.88c-.705.709-1.708 1.083-2.899 1.083M4.002 1.342c-.841 0-1.5.232-1.956.691c-1.63 1.636-.285 5.752 2.936 8.986c2.235 2.244 4.916 3.639 6.995 3.639c.842 0 1.5-.232 1.957-.691c1.631-1.637.285-5.752-2.936-8.986c-2.235-2.245-4.916-3.639-6.996-3.639"/><path d="M4.002 15.997c-1.189 0-2.193-.374-2.898-1.083C-1.113 12.689.177 7.91 4.04 4.033C6.517 1.547 9.558.002 11.978.002c1.191 0 2.193.375 2.9 1.084c2.214 2.223.924 7.003-2.936 10.881c-2.478 2.486-5.52 4.03-7.94 4.03m7.975-14.656c-2.079 0-4.76 1.395-6.995 3.639c-3.221 3.235-4.565 7.351-2.936 8.987c.456.458 1.115.691 1.956.691c2.08 0 4.76-1.395 6.996-3.639c3.221-3.235 4.564-7.352 2.935-8.987c-.457-.458-1.115-.691-1.956-.691"/></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. ElectronIcon.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-SA-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.