electron logo
electron from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- electron
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the electron logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.011 0a1.54 1.54 0 1 0 1.366 2.247c2.221 1.267 3.847 5.472 3.847 10.362c0 2.071-.289 4.056-.825 5.768a.32.32 0 0 0 .211.403a.32.32 0 0 0 .403-.21c.556-1.777.855-3.826.855-5.961c0-5.193-1.772-9.686-4.321-11.003l.003-.067A1.54 1.54 0 0 0 12.011 0m0 .643a.896.896 0 1 1 0 1.792a.896.896 0 1 1 0-1.792M6.525 4.948c-2.067.008-3.647.665-4.388 1.949c-.738 1.277-.527 2.97.51 4.781a.322.322 0 0 0 .559-.32c-.935-1.63-1.117-3.092-.512-4.14c.82-1.422 3.033-1.955 5.932-1.427a.322.322 0 0 0 .115-.633a12 12 0 0 0-2.216-.21m11.052.018a.322.322 0 0 0-.008.643c1.834.024 3.156.596 3.75 1.626c.82 1.419.18 3.594-1.718 5.837a.32.32 0 0 0 .038.453a.32.32 0 0 0 .453-.037c2.053-2.426 2.77-4.866 1.784-6.575c-.725-1.257-2.26-1.92-4.299-1.947m-2.698.292a.3.3 0 0 0-.065.008c-1.857.398-3.833 1.175-5.731 2.271c-4.57 2.638-7.593 6.495-7.36 9.372a1.538 1.538 0 0 0 .746 2.884a1.54 1.54 0 0 0 0-3.078q-.056 0-.113.006c-.1-2.56 2.744-6.142 7.048-8.627c1.842-1.063 3.756-1.816 5.545-2.2a.322.322 0 0 0-.07-.636M12 11.495a1 1 0 0 0-.224.025a1.114 1.114 0 1 0 .224-.025M4.532 13.34a.32.32 0 0 0-.232.084a.32.32 0 0 0-.021.454c1.268 1.393 2.916 2.7 4.794 3.785c4.415 2.55 9.106 3.285 11.561 1.84a1.53 1.53 0 0 0 .897.29a1.54 1.54 0 1 0-1.338-.781c-2.245 1.214-6.631.5-10.798-1.906c-1.823-1.052-3.418-2.318-4.64-3.661a.32.32 0 0 0-.223-.105m-2.063 4.017a.896.896 0 1 1 0 1.792a.896.896 0 1 1 0-1.792m19.062 0a.896.896 0 1 1 0 1.792a.9.9 0 0 1-.587-.22l-.006-.011a.3.3 0 0 0-.096-.092a.896.896 0 0 1 .689-1.469M7.526 18.726a.322.322 0 0 0-.32.43C8.279 22.154 10.036 24 12.01 24c1.44 0 2.774-.982 3.813-2.711a.32.32 0 0 0-.11-.441a.32.32 0 0 0-.442.11c-.934 1.553-2.08 2.399-3.26 2.399c-1.642 0-3.208-1.647-4.2-4.418a.32.32 0 0 0-.286-.213"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsElectron(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.011 0a1.54 1.54 0 1 0 1.366 2.247c2.221 1.267 3.847 5.472 3.847 10.362c0 2.071-.289 4.056-.825 5.768a.32.32 0 0 0 .211.403a.32.32 0 0 0 .403-.21c.556-1.777.855-3.826.855-5.961c0-5.193-1.772-9.686-4.321-11.003l.003-.067A1.54 1.54 0 0 0 12.011 0m0 .643a.896.896 0 1 1 0 1.792a.896.896 0 1 1 0-1.792M6.525 4.948c-2.067.008-3.647.665-4.388 1.949c-.738 1.277-.527 2.97.51 4.781a.322.322 0 0 0 .559-.32c-.935-1.63-1.117-3.092-.512-4.14c.82-1.422 3.033-1.955 5.932-1.427a.322.322 0 0 0 .115-.633a12 12 0 0 0-2.216-.21m11.052.018a.322.322 0 0 0-.008.643c1.834.024 3.156.596 3.75 1.626c.82 1.419.18 3.594-1.718 5.837a.32.32 0 0 0 .038.453a.32.32 0 0 0 .453-.037c2.053-2.426 2.77-4.866 1.784-6.575c-.725-1.257-2.26-1.92-4.299-1.947m-2.698.292a.3.3 0 0 0-.065.008c-1.857.398-3.833 1.175-5.731 2.271c-4.57 2.638-7.593 6.495-7.36 9.372a1.538 1.538 0 0 0 .746 2.884a1.54 1.54 0 0 0 0-3.078q-.056 0-.113.006c-.1-2.56 2.744-6.142 7.048-8.627c1.842-1.063 3.756-1.816 5.545-2.2a.322.322 0 0 0-.07-.636M12 11.495a1 1 0 0 0-.224.025a1.114 1.114 0 1 0 .224-.025M4.532 13.34a.32.32 0 0 0-.232.084a.32.32 0 0 0-.021.454c1.268 1.393 2.916 2.7 4.794 3.785c4.415 2.55 9.106 3.285 11.561 1.84a1.53 1.53 0 0 0 .897.29a1.54 1.54 0 1 0-1.338-.781c-2.245 1.214-6.631.5-10.798-1.906c-1.823-1.052-3.418-2.318-4.64-3.661a.32.32 0 0 0-.223-.105m-2.063 4.017a.896.896 0 1 1 0 1.792a.896.896 0 1 1 0-1.792m19.062 0a.896.896 0 1 1 0 1.792a.9.9 0 0 1-.587-.22l-.006-.011a.3.3 0 0 0-.096-.092a.896.896 0 0 1 .689-1.469M7.526 18.726a.322.322 0 0 0-.32.43C8.279 22.154 10.036 24 12.01 24c1.44 0 2.774-.982 3.813-2.711a.32.32 0 0 0-.11-.441a.32.32 0 0 0-.442.11c-.934 1.553-2.08 2.399-3.26 2.399c-1.642 0-3.208-1.647-4.2-4.418a.32.32 0 0 0-.286-.213"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.011 0a1.54 1.54 0 1 0 1.366 2.247c2.221 1.267 3.847 5.472 3.847 10.362c0 2.071-.289 4.056-.825 5.768a.32.32 0 0 0 .211.403a.32.32 0 0 0 .403-.21c.556-1.777.855-3.826.855-5.961c0-5.193-1.772-9.686-4.321-11.003l.003-.067A1.54 1.54 0 0 0 12.011 0m0 .643a.896.896 0 1 1 0 1.792a.896.896 0 1 1 0-1.792M6.525 4.948c-2.067.008-3.647.665-4.388 1.949c-.738 1.277-.527 2.97.51 4.781a.322.322 0 0 0 .559-.32c-.935-1.63-1.117-3.092-.512-4.14c.82-1.422 3.033-1.955 5.932-1.427a.322.322 0 0 0 .115-.633a12 12 0 0 0-2.216-.21m11.052.018a.322.322 0 0 0-.008.643c1.834.024 3.156.596 3.75 1.626c.82 1.419.18 3.594-1.718 5.837a.32.32 0 0 0 .038.453a.32.32 0 0 0 .453-.037c2.053-2.426 2.77-4.866 1.784-6.575c-.725-1.257-2.26-1.92-4.299-1.947m-2.698.292a.3.3 0 0 0-.065.008c-1.857.398-3.833 1.175-5.731 2.271c-4.57 2.638-7.593 6.495-7.36 9.372a1.538 1.538 0 0 0 .746 2.884a1.54 1.54 0 0 0 0-3.078q-.056 0-.113.006c-.1-2.56 2.744-6.142 7.048-8.627c1.842-1.063 3.756-1.816 5.545-2.2a.322.322 0 0 0-.07-.636M12 11.495a1 1 0 0 0-.224.025a1.114 1.114 0 1 0 .224-.025M4.532 13.34a.32.32 0 0 0-.232.084a.32.32 0 0 0-.021.454c1.268 1.393 2.916 2.7 4.794 3.785c4.415 2.55 9.106 3.285 11.561 1.84a1.53 1.53 0 0 0 .897.29a1.54 1.54 0 1 0-1.338-.781c-2.245 1.214-6.631.5-10.798-1.906c-1.823-1.052-3.418-2.318-4.64-3.661a.32.32 0 0 0-.223-.105m-2.063 4.017a.896.896 0 1 1 0 1.792a.896.896 0 1 1 0-1.792m19.062 0a.896.896 0 1 1 0 1.792a.9.9 0 0 1-.587-.22l-.006-.011a.3.3 0 0 0-.096-.092a.896.896 0 0 1 .689-1.469M7.526 18.726a.322.322 0 0 0-.32.43C8.279 22.154 10.036 24 12.01 24c1.44 0 2.774-.982 3.813-2.711a.32.32 0 0 0-.11-.441a.32.32 0 0 0-.442.11c-.934 1.553-2.08 2.399-3.26 2.399c-1.642 0-3.208-1.647-4.2-4.418a.32.32 0 0 0-.286-.213"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.011%200a1.54%201.54%200%201%200%201.366%202.247c2.221%201.267%203.847%205.472%203.847%2010.362c0%202.071-.289%204.056-.825%205.768a.32.32%200%200%200%20.211.403a.32.32%200%200%200%20.403-.21c.556-1.777.855-3.826.855-5.961c0-5.193-1.772-9.686-4.321-11.003l.003-.067A1.54%201.54%200%200%200%2012.011%200m0%20.643a.896.896%200%201%201%200%201.792a.896.896%200%201%201%200-1.792M6.525%204.948c-2.067.008-3.647.665-4.388%201.949c-.738%201.277-.527%202.97.51%204.781a.322.322%200%200%200%20.559-.32c-.935-1.63-1.117-3.092-.512-4.14c.82-1.422%203.033-1.955%205.932-1.427a.322.322%200%200%200%20.115-.633a12%2012%200%200%200-2.216-.21m11.052.018a.322.322%200%200%200-.008.643c1.834.024%203.156.596%203.75%201.626c.82%201.419.18%203.594-1.718%205.837a.32.32%200%200%200%20.038.453a.32.32%200%200%200%20.453-.037c2.053-2.426%202.77-4.866%201.784-6.575c-.725-1.257-2.26-1.92-4.299-1.947m-2.698.292a.3.3%200%200%200-.065.008c-1.857.398-3.833%201.175-5.731%202.271c-4.57%202.638-7.593%206.495-7.36%209.372a1.538%201.538%200%200%200%20.746%202.884a1.54%201.54%200%200%200%200-3.078q-.056%200-.113.006c-.1-2.56%202.744-6.142%207.048-8.627c1.842-1.063%203.756-1.816%205.545-2.2a.322.322%200%200%200-.07-.636M12%2011.495a1%201%200%200%200-.224.025a1.114%201.114%200%201%200%20.224-.025M4.532%2013.34a.32.32%200%200%200-.232.084a.32.32%200%200%200-.021.454c1.268%201.393%202.916%202.7%204.794%203.785c4.415%202.55%209.106%203.285%2011.561%201.84a1.53%201.53%200%200%200%20.897.29a1.54%201.54%200%201%200-1.338-.781c-2.245%201.214-6.631.5-10.798-1.906c-1.823-1.052-3.418-2.318-4.64-3.661a.32.32%200%200%200-.223-.105m-2.063%204.017a.896.896%200%201%201%200%201.792a.896.896%200%201%201%200-1.792m19.062%200a.896.896%200%201%201%200%201.792a.9.9%200%200%201-.587-.22l-.006-.011a.3.3%200%200%200-.096-.092a.896.896%200%200%201%20.689-1.469M7.526%2018.726a.322.322%200%200%200-.32.43C8.279%2022.154%2010.036%2024%2012.01%2024c1.44%200%202.774-.982%203.813-2.711a.32.32%200%200%200-.11-.441a.32.32%200%200%200-.442.11c-.934%201.553-2.08%202.399-3.26%202.399c-1.642%200-3.208-1.647-4.2-4.418a.32.32%200%200%200-.286-.213%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.011%200a1.54%201.54%200%201%200%201.366%202.247c2.221%201.267%203.847%205.472%203.847%2010.362c0%202.071-.289%204.056-.825%205.768a.32.32%200%200%200%20.211.403a.32.32%200%200%200%20.403-.21c.556-1.777.855-3.826.855-5.961c0-5.193-1.772-9.686-4.321-11.003l.003-.067A1.54%201.54%200%200%200%2012.011%200m0%20.643a.896.896%200%201%201%200%201.792a.896.896%200%201%201%200-1.792M6.525%204.948c-2.067.008-3.647.665-4.388%201.949c-.738%201.277-.527%202.97.51%204.781a.322.322%200%200%200%20.559-.32c-.935-1.63-1.117-3.092-.512-4.14c.82-1.422%203.033-1.955%205.932-1.427a.322.322%200%200%200%20.115-.633a12%2012%200%200%200-2.216-.21m11.052.018a.322.322%200%200%200-.008.643c1.834.024%203.156.596%203.75%201.626c.82%201.419.18%203.594-1.718%205.837a.32.32%200%200%200%20.038.453a.32.32%200%200%200%20.453-.037c2.053-2.426%202.77-4.866%201.784-6.575c-.725-1.257-2.26-1.92-4.299-1.947m-2.698.292a.3.3%200%200%200-.065.008c-1.857.398-3.833%201.175-5.731%202.271c-4.57%202.638-7.593%206.495-7.36%209.372a1.538%201.538%200%200%200%20.746%202.884a1.54%201.54%200%200%200%200-3.078q-.056%200-.113.006c-.1-2.56%202.744-6.142%207.048-8.627c1.842-1.063%203.756-1.816%205.545-2.2a.322.322%200%200%200-.07-.636M12%2011.495a1%201%200%200%200-.224.025a1.114%201.114%200%201%200%20.224-.025M4.532%2013.34a.32.32%200%200%200-.232.084a.32.32%200%200%200-.021.454c1.268%201.393%202.916%202.7%204.794%203.785c4.415%202.55%209.106%203.285%2011.561%201.84a1.53%201.53%200%200%200%20.897.29a1.54%201.54%200%201%200-1.338-.781c-2.245%201.214-6.631.5-10.798-1.906c-1.823-1.052-3.418-2.318-4.64-3.661a.32.32%200%200%200-.223-.105m-2.063%204.017a.896.896%200%201%201%200%201.792a.896.896%200%201%201%200-1.792m19.062%200a.896.896%200%201%201%200%201.792a.9.9%200%200%201-.587-.22l-.006-.011a.3.3%200%200%200-.096-.092a.896.896%200%200%201%20.689-1.469M7.526%2018.726a.322.322%200%200%200-.32.43C8.279%2022.154%2010.036%2024%2012.01%2024c1.44%200%202.774-.982%203.813-2.711a.32.32%200%200%200-.11-.441a.32.32%200%200%200-.442.11c-.934%201.553-2.08%202.399-3.26%202.399c-1.642%200-3.208-1.647-4.2-4.418a.32.32%200%200%200-.286-.213%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/electron.svg?color=%231a73e8&size=48