Skip to content
shadcn.io

Electron

The Electron icon represents the Electron framework, a popular choice for building cross-platform desktop applications using web technologies.

Add shadcn.io to your AI agent. · Pro It installs Electron, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 22 × 24 px

Electron icon from File Icons
Get Pro

930 in File IconsISC license (opens in a new tab)Free to copy and download

Code

Electron in your framework

In any framework. Customize it above, and the code follows.

export const ElectronIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="24" viewBox="0 0 474 512" {...props}>
    <path fill="currentColor" d="M168.45 108.991c12.09 2.231 8.728 20.458-3.363 18.227C69.19 109.396 2.003 147.295 52.867 241.137c6.079 10.657-10.048 19.855-16.126 9.197C-23.822 144.24 54.71 87.452 168.45 108.99m241.855 179.952c85.725-104.828 47.973-182.785-55.1-184.06c-12.242-.16-12.468 18.372-.226 18.532c91.237-.39 112.944 67.104 41.124 153.587c-7.915 9.624 6.582 21.085 14.202 11.94m-90.171 164.42c6.265-10.401-9.334-20.096-15.903-9.578c-51.864 82.07-115.258 56.785-153.626-42.178c-4.148-11.79-21.665-5.626-17.517 6.163c33.943 103.669 123.957 149.343 187.046 45.594m-56.81-184.606c0-19.996-21.795-32.561-39.137-22.563c-17.343 9.998-17.343 35.129 0 45.127c17.342 9.998 39.137-2.567 39.137-22.564m-227.849 84.24c3.022-82.379 123.022-187.457 264.534-223.615c12.151-2.641 8.214-20.752-3.938-18.11C165.364 140.21 10.3 256.402 16.818 358.091c-22.656 13.673-22.42 46.86.695 60.138C40.86 431.64 70.2 414.786 70.2 387.965c0-20.16-16.577-34.689-34.725-34.967m384.299 64.231c16.684 10.855 40.815 5.884 50.554-13.6c11.988-23.983-6.715-52.168-33.585-50.612c-25.226 1.461-40.078 28.127-29.484 49.94c-81.503 35.459-232.894-23.872-321.905-118.185c-8.146-8.987-21.895 3.474-13.75 12.462c84.425 93.353 255.969 168.84 348.17 119.995m-147.43-382.3c.008-22.93-22.901-40.713-46.097-33.17c-25.595 8.325-32.517 41.3-12.43 59.215c16.9 15.07 42.346 10.054 53.278-7.54c63.334 41.87 102.635 184.962 60.758 336.407c-3.622 11.723 14.123 17.206 17.745 5.483C383.65 272.41 363.065 90.39 272.344 34.927"/>
  </svg>
);

Other libraries

Electron in 4 more libraries

Each library draws it its own way. Open one to compare.

  • Electron icon from Arcticons
  • Electron icon from Simple Icons
  • Electron icon from CoreUI Brands
  • Electron icon from SmartIcons Glyph

File Icons

Icons that share its tags, in the same style.

  • Ember icon from File Icons
  • Knockout icon from File Icons
  • Vue icon from File Icons
  • Aurelia icon from File Icons
  • Ejs icon from File Icons
  • Meteor icon from File Icons
  • Jasmine icon from File Icons
  • Jest icon from File Icons
  • Moleculer icon from File Icons
  • Nestjs icon from File Icons
  • Sinatra icon from File Icons
  • Svelte icon from File Icons
  • Adonisjs icon from File Icons
  • Babel icon from File Icons
  • Chai icon from File Icons
  • Donejs icon from File Icons
  • Esdoc icon from File Icons
  • Eslint icon from File Icons
  • Eslint Old icon from File Icons
  • Gridsome icon from File Icons
  • Kivy icon from File Icons
  • Mocha icon from File Icons
  • Phalcon icon from File Icons
  • Vite icon from File Icons

Skip the copy and paste. With Pro, your AI agent finds and installs any File Icons icon from a prompt.

Get Pro

Tags

Browse by tag

Electron is tagged development, javascript, framework and 3 more. Related tags follow; each opens its icons from every library.

Pricing

File Icons MCP, with Pro

Ask for Electron or any of 930 File Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Electron icon means and where it's used, then how to install, style and license it.

Install Electron from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro