electron logo
electron from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- electron
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- 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 32 32"><path fill="currentColor" d="M3.531 15.573c-1.385-2.417-1.667-4.672-.682-6.375c1.318-2.286 4.625-3.083 8.807-2.323c.24.036.406.266.365.505a.43.43 0 0 1-.521.339c-3.865-.703-6.813.01-7.906 1.906c-.807 1.396-.568 3.344.682 5.521a.43.43 0 0 1-.151.604a.43.43 0 0 1-.594-.177m19.891-8.094c2.448.031 4.208.792 5.005 2.167c1.094 1.891.24 4.792-2.292 7.781a.43.43 0 0 0 .031.625c.188.161.474.13.62-.068c2.74-3.234 3.698-6.49 2.38-8.766c-.969-1.677-3.01-2.563-5.729-2.599a.43.43 0 0 0-.458.427a.425.425 0 0 0 .448.432zm-2.469 20.318a.43.43 0 0 0-.589.146c-1.245 2.073-2.776 3.198-4.349 3.198c-2.188 0-4.276-2.193-5.599-5.891a.429.429 0 1 0-.807.292C11.036 29.537 13.38 32 16.015 32c1.917 0 3.693-1.307 5.083-3.615a.43.43 0 0 0-.146-.589zm9.807-3.458c-.005 1.672-1.891 2.635-3.25 1.667c-3.271 1.927-9.526.948-15.411-2.453c-2.505-1.448-4.703-3.188-6.396-5.047a.433.433 0 0 1 .021-.62a.43.43 0 0 1 .615.042c1.63 1.792 3.755 3.479 6.187 4.88c5.557 3.208 11.406 4.161 14.396 2.542a2.053 2.053 0 0 1 1.26-3a2.052 2.052 0 0 1 2.578 1.99zm-25.416 0c.005 1.589-1.724 2.578-3.094 1.771c-1.37-.802-1.344-2.797.047-3.563c-.313-3.839 3.719-8.979 9.813-12.5c2.531-1.458 5.167-2.495 7.641-3.026c.531-.073.693.688.182.839c-2.385.51-4.938 1.516-7.396 2.932c-5.734 3.313-9.526 8.089-9.396 11.505c.052-.005.099-.01.151-.01c1.135 0 2.052.922 2.052 2.052m8.62-22.287c.094-2.635 4.01-2.635 4.104 0c0 .031-.005.063-.005.089c3.401 1.76 5.76 7.75 5.76 14.672c0 2.849-.396 5.578-1.141 7.948c-.063.234-.307.375-.542.302s-.359-.328-.276-.557c.714-2.286 1.099-4.932 1.099-7.693c0-6.521-2.167-12.125-5.125-13.818c-.99 1.911-3.88 1.208-3.875-.943zm1.739 13.307c-.802.177-1.313.964-1.141 1.766s.964 1.313 1.766 1.141c1.938-.417 1.307-3.323-.625-2.906z"/></svg>
React
import type { SVGProps } from "react";
export function CibElectron(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.531 15.573c-1.385-2.417-1.667-4.672-.682-6.375c1.318-2.286 4.625-3.083 8.807-2.323c.24.036.406.266.365.505a.43.43 0 0 1-.521.339c-3.865-.703-6.813.01-7.906 1.906c-.807 1.396-.568 3.344.682 5.521a.43.43 0 0 1-.151.604a.43.43 0 0 1-.594-.177m19.891-8.094c2.448.031 4.208.792 5.005 2.167c1.094 1.891.24 4.792-2.292 7.781a.43.43 0 0 0 .031.625c.188.161.474.13.62-.068c2.74-3.234 3.698-6.49 2.38-8.766c-.969-1.677-3.01-2.563-5.729-2.599a.43.43 0 0 0-.458.427a.425.425 0 0 0 .448.432zm-2.469 20.318a.43.43 0 0 0-.589.146c-1.245 2.073-2.776 3.198-4.349 3.198c-2.188 0-4.276-2.193-5.599-5.891a.429.429 0 1 0-.807.292C11.036 29.537 13.38 32 16.015 32c1.917 0 3.693-1.307 5.083-3.615a.43.43 0 0 0-.146-.589zm9.807-3.458c-.005 1.672-1.891 2.635-3.25 1.667c-3.271 1.927-9.526.948-15.411-2.453c-2.505-1.448-4.703-3.188-6.396-5.047a.433.433 0 0 1 .021-.62a.43.43 0 0 1 .615.042c1.63 1.792 3.755 3.479 6.187 4.88c5.557 3.208 11.406 4.161 14.396 2.542a2.053 2.053 0 0 1 1.26-3a2.052 2.052 0 0 1 2.578 1.99zm-25.416 0c.005 1.589-1.724 2.578-3.094 1.771c-1.37-.802-1.344-2.797.047-3.563c-.313-3.839 3.719-8.979 9.813-12.5c2.531-1.458 5.167-2.495 7.641-3.026c.531-.073.693.688.182.839c-2.385.51-4.938 1.516-7.396 2.932c-5.734 3.313-9.526 8.089-9.396 11.505c.052-.005.099-.01.151-.01c1.135 0 2.052.922 2.052 2.052m8.62-22.287c.094-2.635 4.01-2.635 4.104 0c0 .031-.005.063-.005.089c3.401 1.76 5.76 7.75 5.76 14.672c0 2.849-.396 5.578-1.141 7.948c-.063.234-.307.375-.542.302s-.359-.328-.276-.557c.714-2.286 1.099-4.932 1.099-7.693c0-6.521-2.167-12.125-5.125-13.818c-.99 1.911-3.88 1.208-3.875-.943zm1.739 13.307c-.802.177-1.313.964-1.141 1.766s.964 1.313 1.766 1.141c1.938-.417 1.307-3.323-.625-2.906z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M3.531 15.573c-1.385-2.417-1.667-4.672-.682-6.375c1.318-2.286 4.625-3.083 8.807-2.323c.24.036.406.266.365.505a.43.43 0 0 1-.521.339c-3.865-.703-6.813.01-7.906 1.906c-.807 1.396-.568 3.344.682 5.521a.43.43 0 0 1-.151.604a.43.43 0 0 1-.594-.177m19.891-8.094c2.448.031 4.208.792 5.005 2.167c1.094 1.891.24 4.792-2.292 7.781a.43.43 0 0 0 .031.625c.188.161.474.13.62-.068c2.74-3.234 3.698-6.49 2.38-8.766c-.969-1.677-3.01-2.563-5.729-2.599a.43.43 0 0 0-.458.427a.425.425 0 0 0 .448.432zm-2.469 20.318a.43.43 0 0 0-.589.146c-1.245 2.073-2.776 3.198-4.349 3.198c-2.188 0-4.276-2.193-5.599-5.891a.429.429 0 1 0-.807.292C11.036 29.537 13.38 32 16.015 32c1.917 0 3.693-1.307 5.083-3.615a.43.43 0 0 0-.146-.589zm9.807-3.458c-.005 1.672-1.891 2.635-3.25 1.667c-3.271 1.927-9.526.948-15.411-2.453c-2.505-1.448-4.703-3.188-6.396-5.047a.433.433 0 0 1 .021-.62a.43.43 0 0 1 .615.042c1.63 1.792 3.755 3.479 6.187 4.88c5.557 3.208 11.406 4.161 14.396 2.542a2.053 2.053 0 0 1 1.26-3a2.052 2.052 0 0 1 2.578 1.99zm-25.416 0c.005 1.589-1.724 2.578-3.094 1.771c-1.37-.802-1.344-2.797.047-3.563c-.313-3.839 3.719-8.979 9.813-12.5c2.531-1.458 5.167-2.495 7.641-3.026c.531-.073.693.688.182.839c-2.385.51-4.938 1.516-7.396 2.932c-5.734 3.313-9.526 8.089-9.396 11.505c.052-.005.099-.01.151-.01c1.135 0 2.052.922 2.052 2.052m8.62-22.287c.094-2.635 4.01-2.635 4.104 0c0 .031-.005.063-.005.089c3.401 1.76 5.76 7.75 5.76 14.672c0 2.849-.396 5.578-1.141 7.948c-.063.234-.307.375-.542.302s-.359-.328-.276-.557c.714-2.286 1.099-4.932 1.099-7.693c0-6.521-2.167-12.125-5.125-13.818c-.99 1.911-3.88 1.208-3.875-.943zm1.739 13.307c-.802.177-1.313.964-1.141 1.766s.964 1.313 1.766 1.141c1.938-.417 1.307-3.323-.625-2.906z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.531%2015.573c-1.385-2.417-1.667-4.672-.682-6.375c1.318-2.286%204.625-3.083%208.807-2.323c.24.036.406.266.365.505a.43.43%200%200%201-.521.339c-3.865-.703-6.813.01-7.906%201.906c-.807%201.396-.568%203.344.682%205.521a.43.43%200%200%201-.151.604a.43.43%200%200%201-.594-.177m19.891-8.094c2.448.031%204.208.792%205.005%202.167c1.094%201.891.24%204.792-2.292%207.781a.43.43%200%200%200%20.031.625c.188.161.474.13.62-.068c2.74-3.234%203.698-6.49%202.38-8.766c-.969-1.677-3.01-2.563-5.729-2.599a.43.43%200%200%200-.458.427a.425.425%200%200%200%20.448.432zm-2.469%2020.318a.43.43%200%200%200-.589.146c-1.245%202.073-2.776%203.198-4.349%203.198c-2.188%200-4.276-2.193-5.599-5.891a.429.429%200%201%200-.807.292C11.036%2029.537%2013.38%2032%2016.015%2032c1.917%200%203.693-1.307%205.083-3.615a.43.43%200%200%200-.146-.589zm9.807-3.458c-.005%201.672-1.891%202.635-3.25%201.667c-3.271%201.927-9.526.948-15.411-2.453c-2.505-1.448-4.703-3.188-6.396-5.047a.433.433%200%200%201%20.021-.62a.43.43%200%200%201%20.615.042c1.63%201.792%203.755%203.479%206.187%204.88c5.557%203.208%2011.406%204.161%2014.396%202.542a2.053%202.053%200%200%201%201.26-3a2.052%202.052%200%200%201%202.578%201.99zm-25.416%200c.005%201.589-1.724%202.578-3.094%201.771c-1.37-.802-1.344-2.797.047-3.563c-.313-3.839%203.719-8.979%209.813-12.5c2.531-1.458%205.167-2.495%207.641-3.026c.531-.073.693.688.182.839c-2.385.51-4.938%201.516-7.396%202.932c-5.734%203.313-9.526%208.089-9.396%2011.505c.052-.005.099-.01.151-.01c1.135%200%202.052.922%202.052%202.052m8.62-22.287c.094-2.635%204.01-2.635%204.104%200c0%20.031-.005.063-.005.089c3.401%201.76%205.76%207.75%205.76%2014.672c0%202.849-.396%205.578-1.141%207.948c-.063.234-.307.375-.542.302s-.359-.328-.276-.557c.714-2.286%201.099-4.932%201.099-7.693c0-6.521-2.167-12.125-5.125-13.818c-.99%201.911-3.88%201.208-3.875-.943zm1.739%2013.307c-.802.177-1.313.964-1.141%201.766s.964%201.313%201.766%201.141c1.938-.417%201.307-3.323-.625-2.906z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.531%2015.573c-1.385-2.417-1.667-4.672-.682-6.375c1.318-2.286%204.625-3.083%208.807-2.323c.24.036.406.266.365.505a.43.43%200%200%201-.521.339c-3.865-.703-6.813.01-7.906%201.906c-.807%201.396-.568%203.344.682%205.521a.43.43%200%200%201-.151.604a.43.43%200%200%201-.594-.177m19.891-8.094c2.448.031%204.208.792%205.005%202.167c1.094%201.891.24%204.792-2.292%207.781a.43.43%200%200%200%20.031.625c.188.161.474.13.62-.068c2.74-3.234%203.698-6.49%202.38-8.766c-.969-1.677-3.01-2.563-5.729-2.599a.43.43%200%200%200-.458.427a.425.425%200%200%200%20.448.432zm-2.469%2020.318a.43.43%200%200%200-.589.146c-1.245%202.073-2.776%203.198-4.349%203.198c-2.188%200-4.276-2.193-5.599-5.891a.429.429%200%201%200-.807.292C11.036%2029.537%2013.38%2032%2016.015%2032c1.917%200%203.693-1.307%205.083-3.615a.43.43%200%200%200-.146-.589zm9.807-3.458c-.005%201.672-1.891%202.635-3.25%201.667c-3.271%201.927-9.526.948-15.411-2.453c-2.505-1.448-4.703-3.188-6.396-5.047a.433.433%200%200%201%20.021-.62a.43.43%200%200%201%20.615.042c1.63%201.792%203.755%203.479%206.187%204.88c5.557%203.208%2011.406%204.161%2014.396%202.542a2.053%202.053%200%200%201%201.26-3a2.052%202.052%200%200%201%202.578%201.99zm-25.416%200c.005%201.589-1.724%202.578-3.094%201.771c-1.37-.802-1.344-2.797.047-3.563c-.313-3.839%203.719-8.979%209.813-12.5c2.531-1.458%205.167-2.495%207.641-3.026c.531-.073.693.688.182.839c-2.385.51-4.938%201.516-7.396%202.932c-5.734%203.313-9.526%208.089-9.396%2011.505c.052-.005.099-.01.151-.01c1.135%200%202.052.922%202.052%202.052m8.62-22.287c.094-2.635%204.01-2.635%204.104%200c0%20.031-.005.063-.005.089c3.401%201.76%205.76%207.75%205.76%2014.672c0%202.849-.396%205.578-1.141%207.948c-.063.234-.307.375-.542.302s-.359-.328-.276-.557c.714-2.286%201.099-4.932%201.099-7.693c0-6.521-2.167-12.125-5.125-13.818c-.99%201.911-3.88%201.208-3.875-.943zm1.739%2013.307c-.802.177-1.313.964-1.141%201.766s.964%201.313%201.766%201.141c1.938-.417%201.307-3.323-.625-2.906z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/electron.svg?color=%231a73e8&size=48
