Electron icon

file-icons:electron

The Electron icon (file-icons:electron) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 474 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 474 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="474" height="512" viewBox="0 0 474 512"><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>

How to use the Electron icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:electron" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:electron" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:electron" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--electron]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:electron"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:electron"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/electron.svg" alt="Electron icon" width="24" height="24">

Electron icon in other icon sets

Electron icon FAQ

Is the Electron icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Electron icon in React?

Install @iconify/react and render <Icon icon="file-icons:electron" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Electron icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/electron.svg" alt="Electron icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →