logo electron icon
logo-electron from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- logo-electron
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
- Aliases
- logo-electron-outline
Related icons in IonIcons
logo-alipaylogo-amazonlogo-amplifylogo-androidlogo-angularlogo-appflowlogo-applelogo-apple-appstorelogo-apple-arlogo-behancelogo-bitbucketlogo-bitcoinlogo-bufferlogo-capacitorlogo-chromelogo-closed-captioninglogo-codepenlogo-css3logo-designernewslogo-deviantartlogo-discordlogo-dockerlogo-dribbblelogo-dropbox
Use the logo electron icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M86.76 255a9.9 9.9 0 0 0 4.87-1.29a9.82 9.82 0 0 0 3.65-13.43c-16.46-28.56-17.81-52.12-7.45-70c14.26-24.57 53.61-33.65 105.27-24.29a9.86 9.86 0 0 0 11.45-7.9a9.84 9.84 0 0 0-7.93-11.44c-29.19-5.28-56-5.18-77.39.3c-22.3 5.71-39 17.28-48.45 33.48c-14 24.19-12.7 54.73 7.42 89.62a9.85 9.85 0 0 0 8.56 4.95m274.85-111.27c32.24.42 52.61 9.31 62.79 26.86c14.21 24.48 2.52 62.81-31.27 102.52a9.82 9.82 0 0 0 7.51 16.18a9.88 9.88 0 0 0 7.52-3.46c19.12-22.47 32.35-45.54 38.25-66.71c6.14-22 4.43-42.21-5-58.38c-13.8-23.78-40.13-36.15-79.59-36.67h-.14a9.83 9.83 0 0 0-.12 19.66Zm-35.14 271.16a9.88 9.88 0 0 0-13.5 3.35c-16.41 27.15-36.57 42.1-56.77 42.1c-28.49 0-56-29.31-73.73-78.42a9.87 9.87 0 0 0-12.59-5.92a9.83 9.83 0 0 0-6 12.58c10 27.77 23.47 50.75 39 66.46c16.11 16.34 34.55 25 53.32 25c27.38 0 53.54-18.33 73.65-51.61a9.81 9.81 0 0 0-3.38-13.5Zm105.23-76.35a32.14 32.14 0 0 0-29.9 44.33c-41.8 19.5-119.8 4.79-191.87-36.62c-32.91-18.9-62.16-41.86-84.6-66.39a9.9 9.9 0 0 0-13.91-.65a9.8 9.8 0 0 0-.65 13.9c23.79 26 54.68 50.28 89.33 70.18c40.28 23.13 82.27 38.63 121.43 44.81a225.5 225.5 0 0 0 35 2.91c23.12 0 43-4.3 58.51-12.79a32.2 32.2 0 1 0 16.7-59.68Zm0 44.66a12.6 12.6 0 0 1-7.82-2.72a10 10 0 0 0-2.2-2.21a12.61 12.61 0 1 1 10 4.93Z"/><path fill="currentColor" d="M82.09 338.59c.57-21.26 12.41-47 33.68-73.16c23.19-28.45 56.69-56 94.34-77.65c33.25-19.1 65.2-31.9 98.07-38.91a9.83 9.83 0 1 0-4.12-19.22c-34.85 7.43-68.78 21-103.79 41.09C116.09 219.09 59.9 289.88 62.46 343.9a32.32 32.32 0 1 0 19.63-5.31M80.3 383.2a12.5 12.5 0 1 1 12.59-12.5a12.56 12.56 0 0 1-12.59 12.5"/><path fill="currentColor" d="M256.2 96.32a32.23 32.23 0 0 0 26.53-13.81c17.89 11.69 34 35 45.81 66.12c13 34.39 19.84 75.38 19.84 118.54c0 37.18-5.19 72.35-15 103.6a9.72 9.72 0 0 0 .66 7.49a9.82 9.82 0 0 0 5.8 4.84a9.89 9.89 0 0 0 12.34-6.44c10.42-33.14 15.93-70.34 15.93-109.49c0-47.17-7.77-91.77-22.47-129c-14.41-36.48-34.13-62.4-57.14-75.16a32.3 32.3 0 1 0-32.3 33.31m0-44.66a12.5 12.5 0 1 1-12.59 12.5a12.56 12.56 0 0 1 12.59-12.5m-5.2 191.7a24.35 24.35 0 0 0 5.16 48.16a24.7 24.7 0 0 0 5.16-.55A24.36 24.36 0 1 0 251 243.36"/></svg>
React
import type { SVGProps } from "react";
export function IonLogoElectron(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M86.76 255a9.9 9.9 0 0 0 4.87-1.29a9.82 9.82 0 0 0 3.65-13.43c-16.46-28.56-17.81-52.12-7.45-70c14.26-24.57 53.61-33.65 105.27-24.29a9.86 9.86 0 0 0 11.45-7.9a9.84 9.84 0 0 0-7.93-11.44c-29.19-5.28-56-5.18-77.39.3c-22.3 5.71-39 17.28-48.45 33.48c-14 24.19-12.7 54.73 7.42 89.62a9.85 9.85 0 0 0 8.56 4.95m274.85-111.27c32.24.42 52.61 9.31 62.79 26.86c14.21 24.48 2.52 62.81-31.27 102.52a9.82 9.82 0 0 0 7.51 16.18a9.88 9.88 0 0 0 7.52-3.46c19.12-22.47 32.35-45.54 38.25-66.71c6.14-22 4.43-42.21-5-58.38c-13.8-23.78-40.13-36.15-79.59-36.67h-.14a9.83 9.83 0 0 0-.12 19.66Zm-35.14 271.16a9.88 9.88 0 0 0-13.5 3.35c-16.41 27.15-36.57 42.1-56.77 42.1c-28.49 0-56-29.31-73.73-78.42a9.87 9.87 0 0 0-12.59-5.92a9.83 9.83 0 0 0-6 12.58c10 27.77 23.47 50.75 39 66.46c16.11 16.34 34.55 25 53.32 25c27.38 0 53.54-18.33 73.65-51.61a9.81 9.81 0 0 0-3.38-13.5Zm105.23-76.35a32.14 32.14 0 0 0-29.9 44.33c-41.8 19.5-119.8 4.79-191.87-36.62c-32.91-18.9-62.16-41.86-84.6-66.39a9.9 9.9 0 0 0-13.91-.65a9.8 9.8 0 0 0-.65 13.9c23.79 26 54.68 50.28 89.33 70.18c40.28 23.13 82.27 38.63 121.43 44.81a225.5 225.5 0 0 0 35 2.91c23.12 0 43-4.3 58.51-12.79a32.2 32.2 0 1 0 16.7-59.68Zm0 44.66a12.6 12.6 0 0 1-7.82-2.72a10 10 0 0 0-2.2-2.21a12.61 12.61 0 1 1 10 4.93Z"/><path fill="currentColor" d="M82.09 338.59c.57-21.26 12.41-47 33.68-73.16c23.19-28.45 56.69-56 94.34-77.65c33.25-19.1 65.2-31.9 98.07-38.91a9.83 9.83 0 1 0-4.12-19.22c-34.85 7.43-68.78 21-103.79 41.09C116.09 219.09 59.9 289.88 62.46 343.9a32.32 32.32 0 1 0 19.63-5.31M80.3 383.2a12.5 12.5 0 1 1 12.59-12.5a12.56 12.56 0 0 1-12.59 12.5"/><path fill="currentColor" d="M256.2 96.32a32.23 32.23 0 0 0 26.53-13.81c17.89 11.69 34 35 45.81 66.12c13 34.39 19.84 75.38 19.84 118.54c0 37.18-5.19 72.35-15 103.6a9.72 9.72 0 0 0 .66 7.49a9.82 9.82 0 0 0 5.8 4.84a9.89 9.89 0 0 0 12.34-6.44c10.42-33.14 15.93-70.34 15.93-109.49c0-47.17-7.77-91.77-22.47-129c-14.41-36.48-34.13-62.4-57.14-75.16a32.3 32.3 0 1 0-32.3 33.31m0-44.66a12.5 12.5 0 1 1-12.59 12.5a12.56 12.56 0 0 1 12.59-12.5m-5.2 191.7a24.35 24.35 0 0 0 5.16 48.16a24.7 24.7 0 0 0 5.16-.55A24.36 24.36 0 1 0 251 243.36"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M86.76 255a9.9 9.9 0 0 0 4.87-1.29a9.82 9.82 0 0 0 3.65-13.43c-16.46-28.56-17.81-52.12-7.45-70c14.26-24.57 53.61-33.65 105.27-24.29a9.86 9.86 0 0 0 11.45-7.9a9.84 9.84 0 0 0-7.93-11.44c-29.19-5.28-56-5.18-77.39.3c-22.3 5.71-39 17.28-48.45 33.48c-14 24.19-12.7 54.73 7.42 89.62a9.85 9.85 0 0 0 8.56 4.95m274.85-111.27c32.24.42 52.61 9.31 62.79 26.86c14.21 24.48 2.52 62.81-31.27 102.52a9.82 9.82 0 0 0 7.51 16.18a9.88 9.88 0 0 0 7.52-3.46c19.12-22.47 32.35-45.54 38.25-66.71c6.14-22 4.43-42.21-5-58.38c-13.8-23.78-40.13-36.15-79.59-36.67h-.14a9.83 9.83 0 0 0-.12 19.66Zm-35.14 271.16a9.88 9.88 0 0 0-13.5 3.35c-16.41 27.15-36.57 42.1-56.77 42.1c-28.49 0-56-29.31-73.73-78.42a9.87 9.87 0 0 0-12.59-5.92a9.83 9.83 0 0 0-6 12.58c10 27.77 23.47 50.75 39 66.46c16.11 16.34 34.55 25 53.32 25c27.38 0 53.54-18.33 73.65-51.61a9.81 9.81 0 0 0-3.38-13.5Zm105.23-76.35a32.14 32.14 0 0 0-29.9 44.33c-41.8 19.5-119.8 4.79-191.87-36.62c-32.91-18.9-62.16-41.86-84.6-66.39a9.9 9.9 0 0 0-13.91-.65a9.8 9.8 0 0 0-.65 13.9c23.79 26 54.68 50.28 89.33 70.18c40.28 23.13 82.27 38.63 121.43 44.81a225.5 225.5 0 0 0 35 2.91c23.12 0 43-4.3 58.51-12.79a32.2 32.2 0 1 0 16.7-59.68Zm0 44.66a12.6 12.6 0 0 1-7.82-2.72a10 10 0 0 0-2.2-2.21a12.61 12.61 0 1 1 10 4.93Z"/><path fill="currentColor" d="M82.09 338.59c.57-21.26 12.41-47 33.68-73.16c23.19-28.45 56.69-56 94.34-77.65c33.25-19.1 65.2-31.9 98.07-38.91a9.83 9.83 0 1 0-4.12-19.22c-34.85 7.43-68.78 21-103.79 41.09C116.09 219.09 59.9 289.88 62.46 343.9a32.32 32.32 0 1 0 19.63-5.31M80.3 383.2a12.5 12.5 0 1 1 12.59-12.5a12.56 12.56 0 0 1-12.59 12.5"/><path fill="currentColor" d="M256.2 96.32a32.23 32.23 0 0 0 26.53-13.81c17.89 11.69 34 35 45.81 66.12c13 34.39 19.84 75.38 19.84 118.54c0 37.18-5.19 72.35-15 103.6a9.72 9.72 0 0 0 .66 7.49a9.82 9.82 0 0 0 5.8 4.84a9.89 9.89 0 0 0 12.34-6.44c10.42-33.14 15.93-70.34 15.93-109.49c0-47.17-7.77-91.77-22.47-129c-14.41-36.48-34.13-62.4-57.14-75.16a32.3 32.3 0 1 0-32.3 33.31m0-44.66a12.5 12.5 0 1 1-12.59 12.5a12.56 12.56 0 0 1 12.59-12.5m-5.2 191.7a24.35 24.35 0 0 0 5.16 48.16a24.7 24.7 0 0 0 5.16-.55A24.36 24.36 0 1 0 251 243.36"/></svg> </template>
CSS
.icon-logo-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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M86.76%20255a9.9%209.9%200%200%200%204.87-1.29a9.82%209.82%200%200%200%203.65-13.43c-16.46-28.56-17.81-52.12-7.45-70c14.26-24.57%2053.61-33.65%20105.27-24.29a9.86%209.86%200%200%200%2011.45-7.9a9.84%209.84%200%200%200-7.93-11.44c-29.19-5.28-56-5.18-77.39.3c-22.3%205.71-39%2017.28-48.45%2033.48c-14%2024.19-12.7%2054.73%207.42%2089.62a9.85%209.85%200%200%200%208.56%204.95m274.85-111.27c32.24.42%2052.61%209.31%2062.79%2026.86c14.21%2024.48%202.52%2062.81-31.27%20102.52a9.82%209.82%200%200%200%207.51%2016.18a9.88%209.88%200%200%200%207.52-3.46c19.12-22.47%2032.35-45.54%2038.25-66.71c6.14-22%204.43-42.21-5-58.38c-13.8-23.78-40.13-36.15-79.59-36.67h-.14a9.83%209.83%200%200%200-.12%2019.66Zm-35.14%20271.16a9.88%209.88%200%200%200-13.5%203.35c-16.41%2027.15-36.57%2042.1-56.77%2042.1c-28.49%200-56-29.31-73.73-78.42a9.87%209.87%200%200%200-12.59-5.92a9.83%209.83%200%200%200-6%2012.58c10%2027.77%2023.47%2050.75%2039%2066.46c16.11%2016.34%2034.55%2025%2053.32%2025c27.38%200%2053.54-18.33%2073.65-51.61a9.81%209.81%200%200%200-3.38-13.5Zm105.23-76.35a32.14%2032.14%200%200%200-29.9%2044.33c-41.8%2019.5-119.8%204.79-191.87-36.62c-32.91-18.9-62.16-41.86-84.6-66.39a9.9%209.9%200%200%200-13.91-.65a9.8%209.8%200%200%200-.65%2013.9c23.79%2026%2054.68%2050.28%2089.33%2070.18c40.28%2023.13%2082.27%2038.63%20121.43%2044.81a225.5%20225.5%200%200%200%2035%202.91c23.12%200%2043-4.3%2058.51-12.79a32.2%2032.2%200%201%200%2016.7-59.68Zm0%2044.66a12.6%2012.6%200%200%201-7.82-2.72a10%2010%200%200%200-2.2-2.21a12.61%2012.61%200%201%201%2010%204.93Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M82.09%20338.59c.57-21.26%2012.41-47%2033.68-73.16c23.19-28.45%2056.69-56%2094.34-77.65c33.25-19.1%2065.2-31.9%2098.07-38.91a9.83%209.83%200%201%200-4.12-19.22c-34.85%207.43-68.78%2021-103.79%2041.09C116.09%20219.09%2059.9%20289.88%2062.46%20343.9a32.32%2032.32%200%201%200%2019.63-5.31M80.3%20383.2a12.5%2012.5%200%201%201%2012.59-12.5a12.56%2012.56%200%200%201-12.59%2012.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256.2%2096.32a32.23%2032.23%200%200%200%2026.53-13.81c17.89%2011.69%2034%2035%2045.81%2066.12c13%2034.39%2019.84%2075.38%2019.84%20118.54c0%2037.18-5.19%2072.35-15%20103.6a9.72%209.72%200%200%200%20.66%207.49a9.82%209.82%200%200%200%205.8%204.84a9.89%209.89%200%200%200%2012.34-6.44c10.42-33.14%2015.93-70.34%2015.93-109.49c0-47.17-7.77-91.77-22.47-129c-14.41-36.48-34.13-62.4-57.14-75.16a32.3%2032.3%200%201%200-32.3%2033.31m0-44.66a12.5%2012.5%200%201%201-12.59%2012.5a12.56%2012.56%200%200%201%2012.59-12.5m-5.2%20191.7a24.35%2024.35%200%200%200%205.16%2048.16a24.7%2024.7%200%200%200%205.16-.55A24.36%2024.36%200%201%200%20251%20243.36%22%2F%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M86.76%20255a9.9%209.9%200%200%200%204.87-1.29a9.82%209.82%200%200%200%203.65-13.43c-16.46-28.56-17.81-52.12-7.45-70c14.26-24.57%2053.61-33.65%20105.27-24.29a9.86%209.86%200%200%200%2011.45-7.9a9.84%209.84%200%200%200-7.93-11.44c-29.19-5.28-56-5.18-77.39.3c-22.3%205.71-39%2017.28-48.45%2033.48c-14%2024.19-12.7%2054.73%207.42%2089.62a9.85%209.85%200%200%200%208.56%204.95m274.85-111.27c32.24.42%2052.61%209.31%2062.79%2026.86c14.21%2024.48%202.52%2062.81-31.27%20102.52a9.82%209.82%200%200%200%207.51%2016.18a9.88%209.88%200%200%200%207.52-3.46c19.12-22.47%2032.35-45.54%2038.25-66.71c6.14-22%204.43-42.21-5-58.38c-13.8-23.78-40.13-36.15-79.59-36.67h-.14a9.83%209.83%200%200%200-.12%2019.66Zm-35.14%20271.16a9.88%209.88%200%200%200-13.5%203.35c-16.41%2027.15-36.57%2042.1-56.77%2042.1c-28.49%200-56-29.31-73.73-78.42a9.87%209.87%200%200%200-12.59-5.92a9.83%209.83%200%200%200-6%2012.58c10%2027.77%2023.47%2050.75%2039%2066.46c16.11%2016.34%2034.55%2025%2053.32%2025c27.38%200%2053.54-18.33%2073.65-51.61a9.81%209.81%200%200%200-3.38-13.5Zm105.23-76.35a32.14%2032.14%200%200%200-29.9%2044.33c-41.8%2019.5-119.8%204.79-191.87-36.62c-32.91-18.9-62.16-41.86-84.6-66.39a9.9%209.9%200%200%200-13.91-.65a9.8%209.8%200%200%200-.65%2013.9c23.79%2026%2054.68%2050.28%2089.33%2070.18c40.28%2023.13%2082.27%2038.63%20121.43%2044.81a225.5%20225.5%200%200%200%2035%202.91c23.12%200%2043-4.3%2058.51-12.79a32.2%2032.2%200%201%200%2016.7-59.68Zm0%2044.66a12.6%2012.6%200%200%201-7.82-2.72a10%2010%200%200%200-2.2-2.21a12.61%2012.61%200%201%201%2010%204.93Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M82.09%20338.59c.57-21.26%2012.41-47%2033.68-73.16c23.19-28.45%2056.69-56%2094.34-77.65c33.25-19.1%2065.2-31.9%2098.07-38.91a9.83%209.83%200%201%200-4.12-19.22c-34.85%207.43-68.78%2021-103.79%2041.09C116.09%20219.09%2059.9%20289.88%2062.46%20343.9a32.32%2032.32%200%201%200%2019.63-5.31M80.3%20383.2a12.5%2012.5%200%201%201%2012.59-12.5a12.56%2012.56%200%200%201-12.59%2012.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256.2%2096.32a32.23%2032.23%200%200%200%2026.53-13.81c17.89%2011.69%2034%2035%2045.81%2066.12c13%2034.39%2019.84%2075.38%2019.84%20118.54c0%2037.18-5.19%2072.35-15%20103.6a9.72%209.72%200%200%200%20.66%207.49a9.82%209.82%200%200%200%205.8%204.84a9.89%209.89%200%200%200%2012.34-6.44c10.42-33.14%2015.93-70.34%2015.93-109.49c0-47.17-7.77-91.77-22.47-129c-14.41-36.48-34.13-62.4-57.14-75.16a32.3%2032.3%200%201%200-32.3%2033.31m0-44.66a12.5%2012.5%200%201%201-12.59%2012.5a12.56%2012.56%200%200%201%2012.59-12.5m-5.2%20191.7a24.35%2024.35%200%200%200%205.16%2048.16a24.7%2024.7%200%200%200%205.16-.55A24.36%2024.36%200%201%200%20251%20243.36%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/logo-electron.svg?color=%231a73e8&size=48