electron logo

electron from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: electron
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

electronSVG Logos electronSimple Icons electronSkill Icons

Use the electron logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#47848f"><path d="M49.07 32.66c-14.37-2.62-25.72.12-30.25 8c-3.38 5.85-2.41 13.61 2.34 21.9a1.47 1.47 0 0 0 2.56-1.47c-4.28-7.47-5.12-14.17-2.35-19c3.76-6.51 13.89-9 27.17-6.54a1.47 1.47 0 1 0 .53-2.9zM28.63 72.61a92.2 92.2 0 0 0 22 17.34c20.84 12 43 15.25 54 7.79a1.47 1.47 0 0 0-1.66-2.43C93.11 102 72 98.92 52.07 87.39a89.3 89.3 0 0 1-21.26-16.77a1.47 1.47 0 0 0-2.18 2z"/><path d="M101.06 70.81c9.41-11.11 12.69-22.29 8.17-30.11c-3.32-5.76-10.35-8.8-19.69-8.92a1.47 1.47 0 0 0 0 2.95c8.4.11 14.45 2.73 17.18 7.45c3.75 6.5.82 16.47-7.87 26.74a1.47 1.47 0 1 0 2.25 1.9zM76.89 33.15a92 92 0 0 0-26.25 10.4C29.13 56 15.09 74.29 17 87.57a1.47 1.47 0 0 0 3-.43C18.23 75.35 31.53 58 52.11 46.11A89 89 0 0 1 77.51 36a1.47 1.47 0 1 0-.62-2.88z"/><path d="M42 96.78C47 110.51 55 119 64.05 119c6.6 0 12.7-4.5 17.46-12.42A1.47 1.47 0 1 0 79 105c-4.28 7.12-9.53 11-14.94 11c-7.52 0-14.69-7.54-19.24-20.24a1.47 1.47 0 0 0-2.77 1zm45-2.69a92.5 92.5 0 0 0 3.91-27.3c0-24.41-8.54-45.44-20.71-50.85a1.47 1.47 0 0 0-1.2 2.7c10.85 4.82 19 24.78 19 48.15a89.6 89.6 0 0 1-3.78 26.42a1.47 1.47 0 0 0 2.81.88zm27.71-1.44a7.05 7.05 0 1 0-7.05 7.05a7.05 7.05 0 0 0 7.05-7.05m-2.95 0a4.1 4.1 0 1 1-4.1-4.1a4.1 4.1 0 0 1 4.1 4.1M20.34 99.7a7.05 7.05 0 1 0-7.05-7.05a7.05 7.05 0 0 0 7.05 7.05m0-2.95a4.1 4.1 0 1 1 4.1-4.1a4.1 4.1 0 0 1-4.1 4.1"/><path d="M64.05 23.13A7.05 7.05 0 1 0 57 16.08a7.05 7.05 0 0 0 7.05 7.05m0-2.95a4.1 4.1 0 1 1 4.1-4.1a4.1 4.1 0 0 1-4.1 4.1m1.08 51.59A5.1 5.1 0 1 1 69 65.71a5.1 5.1 0 0 1-3.87 6.06"/></g></svg>

React

import type { SVGProps } from "react";

export function DeviconElectron(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#47848f"><path d="M49.07 32.66c-14.37-2.62-25.72.12-30.25 8c-3.38 5.85-2.41 13.61 2.34 21.9a1.47 1.47 0 0 0 2.56-1.47c-4.28-7.47-5.12-14.17-2.35-19c3.76-6.51 13.89-9 27.17-6.54a1.47 1.47 0 1 0 .53-2.9zM28.63 72.61a92.2 92.2 0 0 0 22 17.34c20.84 12 43 15.25 54 7.79a1.47 1.47 0 0 0-1.66-2.43C93.11 102 72 98.92 52.07 87.39a89.3 89.3 0 0 1-21.26-16.77a1.47 1.47 0 0 0-2.18 2z"/><path d="M101.06 70.81c9.41-11.11 12.69-22.29 8.17-30.11c-3.32-5.76-10.35-8.8-19.69-8.92a1.47 1.47 0 0 0 0 2.95c8.4.11 14.45 2.73 17.18 7.45c3.75 6.5.82 16.47-7.87 26.74a1.47 1.47 0 1 0 2.25 1.9zM76.89 33.15a92 92 0 0 0-26.25 10.4C29.13 56 15.09 74.29 17 87.57a1.47 1.47 0 0 0 3-.43C18.23 75.35 31.53 58 52.11 46.11A89 89 0 0 1 77.51 36a1.47 1.47 0 1 0-.62-2.88z"/><path d="M42 96.78C47 110.51 55 119 64.05 119c6.6 0 12.7-4.5 17.46-12.42A1.47 1.47 0 1 0 79 105c-4.28 7.12-9.53 11-14.94 11c-7.52 0-14.69-7.54-19.24-20.24a1.47 1.47 0 0 0-2.77 1zm45-2.69a92.5 92.5 0 0 0 3.91-27.3c0-24.41-8.54-45.44-20.71-50.85a1.47 1.47 0 0 0-1.2 2.7c10.85 4.82 19 24.78 19 48.15a89.6 89.6 0 0 1-3.78 26.42a1.47 1.47 0 0 0 2.81.88zm27.71-1.44a7.05 7.05 0 1 0-7.05 7.05a7.05 7.05 0 0 0 7.05-7.05m-2.95 0a4.1 4.1 0 1 1-4.1-4.1a4.1 4.1 0 0 1 4.1 4.1M20.34 99.7a7.05 7.05 0 1 0-7.05-7.05a7.05 7.05 0 0 0 7.05 7.05m0-2.95a4.1 4.1 0 1 1 4.1-4.1a4.1 4.1 0 0 1-4.1 4.1"/><path d="M64.05 23.13A7.05 7.05 0 1 0 57 16.08a7.05 7.05 0 0 0 7.05 7.05m0-2.95a4.1 4.1 0 1 1 4.1-4.1a4.1 4.1 0 0 1-4.1 4.1m1.08 51.59A5.1 5.1 0 1 1 69 65.71a5.1 5.1 0 0 1-3.87 6.06"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="#47848f"><path d="M49.07 32.66c-14.37-2.62-25.72.12-30.25 8c-3.38 5.85-2.41 13.61 2.34 21.9a1.47 1.47 0 0 0 2.56-1.47c-4.28-7.47-5.12-14.17-2.35-19c3.76-6.51 13.89-9 27.17-6.54a1.47 1.47 0 1 0 .53-2.9zM28.63 72.61a92.2 92.2 0 0 0 22 17.34c20.84 12 43 15.25 54 7.79a1.47 1.47 0 0 0-1.66-2.43C93.11 102 72 98.92 52.07 87.39a89.3 89.3 0 0 1-21.26-16.77a1.47 1.47 0 0 0-2.18 2z"/><path d="M101.06 70.81c9.41-11.11 12.69-22.29 8.17-30.11c-3.32-5.76-10.35-8.8-19.69-8.92a1.47 1.47 0 0 0 0 2.95c8.4.11 14.45 2.73 17.18 7.45c3.75 6.5.82 16.47-7.87 26.74a1.47 1.47 0 1 0 2.25 1.9zM76.89 33.15a92 92 0 0 0-26.25 10.4C29.13 56 15.09 74.29 17 87.57a1.47 1.47 0 0 0 3-.43C18.23 75.35 31.53 58 52.11 46.11A89 89 0 0 1 77.51 36a1.47 1.47 0 1 0-.62-2.88z"/><path d="M42 96.78C47 110.51 55 119 64.05 119c6.6 0 12.7-4.5 17.46-12.42A1.47 1.47 0 1 0 79 105c-4.28 7.12-9.53 11-14.94 11c-7.52 0-14.69-7.54-19.24-20.24a1.47 1.47 0 0 0-2.77 1zm45-2.69a92.5 92.5 0 0 0 3.91-27.3c0-24.41-8.54-45.44-20.71-50.85a1.47 1.47 0 0 0-1.2 2.7c10.85 4.82 19 24.78 19 48.15a89.6 89.6 0 0 1-3.78 26.42a1.47 1.47 0 0 0 2.81.88zm27.71-1.44a7.05 7.05 0 1 0-7.05 7.05a7.05 7.05 0 0 0 7.05-7.05m-2.95 0a4.1 4.1 0 1 1-4.1-4.1a4.1 4.1 0 0 1 4.1 4.1M20.34 99.7a7.05 7.05 0 1 0-7.05-7.05a7.05 7.05 0 0 0 7.05 7.05m0-2.95a4.1 4.1 0 1 1 4.1-4.1a4.1 4.1 0 0 1-4.1 4.1"/><path d="M64.05 23.13A7.05 7.05 0 1 0 57 16.08a7.05 7.05 0 0 0 7.05 7.05m0-2.95a4.1 4.1 0 1 1 4.1-4.1a4.1 4.1 0 0 1-4.1 4.1m1.08 51.59A5.1 5.1 0 1 1 69 65.71a5.1 5.1 0 0 1-3.87 6.06"/></g></svg>
</template>

CSS

.icon-electron {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cg%20fill%3D%22%2347848f%22%3E%3Cpath%20d%3D%22M49.07%2032.66c-14.37-2.62-25.72.12-30.25%208c-3.38%205.85-2.41%2013.61%202.34%2021.9a1.47%201.47%200%200%200%202.56-1.47c-4.28-7.47-5.12-14.17-2.35-19c3.76-6.51%2013.89-9%2027.17-6.54a1.47%201.47%200%201%200%20.53-2.9zM28.63%2072.61a92.2%2092.2%200%200%200%2022%2017.34c20.84%2012%2043%2015.25%2054%207.79a1.47%201.47%200%200%200-1.66-2.43C93.11%20102%2072%2098.92%2052.07%2087.39a89.3%2089.3%200%200%201-21.26-16.77a1.47%201.47%200%200%200-2.18%202z%22%2F%3E%3Cpath%20d%3D%22M101.06%2070.81c9.41-11.11%2012.69-22.29%208.17-30.11c-3.32-5.76-10.35-8.8-19.69-8.92a1.47%201.47%200%200%200%200%202.95c8.4.11%2014.45%202.73%2017.18%207.45c3.75%206.5.82%2016.47-7.87%2026.74a1.47%201.47%200%201%200%202.25%201.9zM76.89%2033.15a92%2092%200%200%200-26.25%2010.4C29.13%2056%2015.09%2074.29%2017%2087.57a1.47%201.47%200%200%200%203-.43C18.23%2075.35%2031.53%2058%2052.11%2046.11A89%2089%200%200%201%2077.51%2036a1.47%201.47%200%201%200-.62-2.88z%22%2F%3E%3Cpath%20d%3D%22M42%2096.78C47%20110.51%2055%20119%2064.05%20119c6.6%200%2012.7-4.5%2017.46-12.42A1.47%201.47%200%201%200%2079%20105c-4.28%207.12-9.53%2011-14.94%2011c-7.52%200-14.69-7.54-19.24-20.24a1.47%201.47%200%200%200-2.77%201zm45-2.69a92.5%2092.5%200%200%200%203.91-27.3c0-24.41-8.54-45.44-20.71-50.85a1.47%201.47%200%200%200-1.2%202.7c10.85%204.82%2019%2024.78%2019%2048.15a89.6%2089.6%200%200%201-3.78%2026.42a1.47%201.47%200%200%200%202.81.88zm27.71-1.44a7.05%207.05%200%201%200-7.05%207.05a7.05%207.05%200%200%200%207.05-7.05m-2.95%200a4.1%204.1%200%201%201-4.1-4.1a4.1%204.1%200%200%201%204.1%204.1M20.34%2099.7a7.05%207.05%200%201%200-7.05-7.05a7.05%207.05%200%200%200%207.05%207.05m0-2.95a4.1%204.1%200%201%201%204.1-4.1a4.1%204.1%200%200%201-4.1%204.1%22%2F%3E%3Cpath%20d%3D%22M64.05%2023.13A7.05%207.05%200%201%200%2057%2016.08a7.05%207.05%200%200%200%207.05%207.05m0-2.95a4.1%204.1%200%201%201%204.1-4.1a4.1%204.1%200%200%201-4.1%204.1m1.08%2051.59A5.1%205.1%200%201%201%2069%2065.71a5.1%205.1%200%200%201-3.87%206.06%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cg%20fill%3D%22%2347848f%22%3E%3Cpath%20d%3D%22M49.07%2032.66c-14.37-2.62-25.72.12-30.25%208c-3.38%205.85-2.41%2013.61%202.34%2021.9a1.47%201.47%200%200%200%202.56-1.47c-4.28-7.47-5.12-14.17-2.35-19c3.76-6.51%2013.89-9%2027.17-6.54a1.47%201.47%200%201%200%20.53-2.9zM28.63%2072.61a92.2%2092.2%200%200%200%2022%2017.34c20.84%2012%2043%2015.25%2054%207.79a1.47%201.47%200%200%200-1.66-2.43C93.11%20102%2072%2098.92%2052.07%2087.39a89.3%2089.3%200%200%201-21.26-16.77a1.47%201.47%200%200%200-2.18%202z%22%2F%3E%3Cpath%20d%3D%22M101.06%2070.81c9.41-11.11%2012.69-22.29%208.17-30.11c-3.32-5.76-10.35-8.8-19.69-8.92a1.47%201.47%200%200%200%200%202.95c8.4.11%2014.45%202.73%2017.18%207.45c3.75%206.5.82%2016.47-7.87%2026.74a1.47%201.47%200%201%200%202.25%201.9zM76.89%2033.15a92%2092%200%200%200-26.25%2010.4C29.13%2056%2015.09%2074.29%2017%2087.57a1.47%201.47%200%200%200%203-.43C18.23%2075.35%2031.53%2058%2052.11%2046.11A89%2089%200%200%201%2077.51%2036a1.47%201.47%200%201%200-.62-2.88z%22%2F%3E%3Cpath%20d%3D%22M42%2096.78C47%20110.51%2055%20119%2064.05%20119c6.6%200%2012.7-4.5%2017.46-12.42A1.47%201.47%200%201%200%2079%20105c-4.28%207.12-9.53%2011-14.94%2011c-7.52%200-14.69-7.54-19.24-20.24a1.47%201.47%200%200%200-2.77%201zm45-2.69a92.5%2092.5%200%200%200%203.91-27.3c0-24.41-8.54-45.44-20.71-50.85a1.47%201.47%200%200%200-1.2%202.7c10.85%204.82%2019%2024.78%2019%2048.15a89.6%2089.6%200%200%201-3.78%2026.42a1.47%201.47%200%200%200%202.81.88zm27.71-1.44a7.05%207.05%200%201%200-7.05%207.05a7.05%207.05%200%200%200%207.05-7.05m-2.95%200a4.1%204.1%200%201%201-4.1-4.1a4.1%204.1%200%200%201%204.1%204.1M20.34%2099.7a7.05%207.05%200%201%200-7.05-7.05a7.05%207.05%200%200%200%207.05%207.05m0-2.95a4.1%204.1%200%201%201%204.1-4.1a4.1%204.1%200%200%201-4.1%204.1%22%2F%3E%3Cpath%20d%3D%22M64.05%2023.13A7.05%207.05%200%201%200%2057%2016.08a7.05%207.05%200%200%200%207.05%207.05m0-2.95a4.1%204.1%200%201%201%204.1-4.1a4.1%204.1%200%200%201-4.1%204.1m1.08%2051.59A5.1%205.1%200%201%201%2069%2065.71a5.1%205.1%200%200%201-3.87%206.06%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/electron.svg?color=%231a73e8&size=48