file type electron logo
file-type-electron from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-electron
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type electron logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill-rule="evenodd" transform="translate(2 2)scale(.10938)"><circle cx="128" cy="128" r="128" fill="#2b2e3a"/><g fill="#9feaf9" fill-rule="nonzero"><path d="M100.5 71.69c-26.005-4.736-46.567.221-54.762 14.415c-6.115 10.592-4.367 24.635 4.24 39.646a2.667 2.667 0 1 0 4.626-2.653c-7.752-13.522-9.261-25.641-4.247-34.326c6.808-11.791 25.148-16.213 49.187-11.835a2.667 2.667 0 0 0 .956-5.247m-36.999 72.307c10.515 11.555 24.176 22.394 39.756 31.388c37.723 21.78 77.883 27.601 97.675 14.106a2.667 2.667 0 1 0-3.005-4.406c-17.714 12.078-55.862 6.548-92.003-14.318c-15.114-8.726-28.343-19.222-38.478-30.36a2.667 2.667 0 1 0-3.945 3.59"/><path d="M194.62 140.75c17.028-20.116 22.973-40.348 14.795-54.512c-6.017-10.423-18.738-15.926-35.645-16.146a2.667 2.667 0 0 0-.069 5.333c15.205.198 26.165 4.939 31.096 13.48c6.792 11.765 1.49 29.807-14.248 48.399a2.667 2.667 0 1 0 4.071 3.446m-43.761-68.175c-15.396 3.299-31.784 9.749-47.522 18.835c-38.942 22.483-64.345 55.636-60.817 79.675a2.667 2.667 0 1 0 5.277-.775c-3.133-21.344 20.947-52.769 58.207-74.281c15.267-8.815 31.135-15.06 45.972-18.239a2.667 2.667 0 1 0-1.117-5.215"/><path d="M87.77 187.75c8.904 24.86 23.469 40.167 39.847 40.167c11.945 0 22.996-8.143 31.614-22.478a2.667 2.667 0 1 0-4.571-2.748c-7.745 12.883-17.258 19.892-27.043 19.892c-13.605 0-26.596-13.652-34.825-36.63a2.667 2.667 0 1 0-5.021 1.797zm81.322-4.863c4.61-14.728 7.085-31.718 7.085-49.423c0-44.179-15.463-82.263-37.487-92.042a2.667 2.667 0 0 0-2.164 4.874c19.643 8.723 34.317 44.866 34.317 87.168c0 17.177-2.397 33.63-6.84 47.83a2.667 2.667 0 1 0 5.09 1.593zm50.224-2.612c0-7.049-5.714-12.763-12.763-12.763s-12.763 5.714-12.763 12.763s5.714 12.763 12.763 12.763s12.763-5.714 12.763-12.763m-5.333 0a7.43 7.43 0 1 1-14.86 0a7.43 7.43 0 0 1 14.86 0m-165.49 12.763c7.05 0 12.764-5.714 12.764-12.763s-5.715-12.763-12.764-12.763s-12.763 5.714-12.763 12.763s5.715 12.763 12.763 12.763m0-5.333a7.43 7.43 0 1 1 0-14.86a7.43 7.43 0 0 1 0 14.86"/><path d="M127.62 54.444c7.049 0 12.763-5.714 12.763-12.763s-5.714-12.763-12.763-12.763s-12.763 5.714-12.763 12.763s5.714 12.763 12.763 12.763m0-5.333a7.43 7.43 0 1 1 0-14.86a7.43 7.43 0 0 1 0 14.86m1.949 93.382c-4.985 1.077-9.896-2.091-10.975-7.076a9.236 9.236 0 0 1 7.076-10.976c4.985-1.077 9.896 2.091 10.976 7.076c1.077 4.985-2.091 9.897-7.077 10.976"/></g></g></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeElectron(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fillRule="evenodd" transform="translate(2 2)scale(.10938)"><circle cx="128" cy="128" r="128" fill="#2b2e3a"/><g fill="#9feaf9" fillRule="nonzero"><path d="M100.5 71.69c-26.005-4.736-46.567.221-54.762 14.415c-6.115 10.592-4.367 24.635 4.24 39.646a2.667 2.667 0 1 0 4.626-2.653c-7.752-13.522-9.261-25.641-4.247-34.326c6.808-11.791 25.148-16.213 49.187-11.835a2.667 2.667 0 0 0 .956-5.247m-36.999 72.307c10.515 11.555 24.176 22.394 39.756 31.388c37.723 21.78 77.883 27.601 97.675 14.106a2.667 2.667 0 1 0-3.005-4.406c-17.714 12.078-55.862 6.548-92.003-14.318c-15.114-8.726-28.343-19.222-38.478-30.36a2.667 2.667 0 1 0-3.945 3.59"/><path d="M194.62 140.75c17.028-20.116 22.973-40.348 14.795-54.512c-6.017-10.423-18.738-15.926-35.645-16.146a2.667 2.667 0 0 0-.069 5.333c15.205.198 26.165 4.939 31.096 13.48c6.792 11.765 1.49 29.807-14.248 48.399a2.667 2.667 0 1 0 4.071 3.446m-43.761-68.175c-15.396 3.299-31.784 9.749-47.522 18.835c-38.942 22.483-64.345 55.636-60.817 79.675a2.667 2.667 0 1 0 5.277-.775c-3.133-21.344 20.947-52.769 58.207-74.281c15.267-8.815 31.135-15.06 45.972-18.239a2.667 2.667 0 1 0-1.117-5.215"/><path d="M87.77 187.75c8.904 24.86 23.469 40.167 39.847 40.167c11.945 0 22.996-8.143 31.614-22.478a2.667 2.667 0 1 0-4.571-2.748c-7.745 12.883-17.258 19.892-27.043 19.892c-13.605 0-26.596-13.652-34.825-36.63a2.667 2.667 0 1 0-5.021 1.797zm81.322-4.863c4.61-14.728 7.085-31.718 7.085-49.423c0-44.179-15.463-82.263-37.487-92.042a2.667 2.667 0 0 0-2.164 4.874c19.643 8.723 34.317 44.866 34.317 87.168c0 17.177-2.397 33.63-6.84 47.83a2.667 2.667 0 1 0 5.09 1.593zm50.224-2.612c0-7.049-5.714-12.763-12.763-12.763s-12.763 5.714-12.763 12.763s5.714 12.763 12.763 12.763s12.763-5.714 12.763-12.763m-5.333 0a7.43 7.43 0 1 1-14.86 0a7.43 7.43 0 0 1 14.86 0m-165.49 12.763c7.05 0 12.764-5.714 12.764-12.763s-5.715-12.763-12.764-12.763s-12.763 5.714-12.763 12.763s5.715 12.763 12.763 12.763m0-5.333a7.43 7.43 0 1 1 0-14.86a7.43 7.43 0 0 1 0 14.86"/><path d="M127.62 54.444c7.049 0 12.763-5.714 12.763-12.763s-5.714-12.763-12.763-12.763s-12.763 5.714-12.763 12.763s5.714 12.763 12.763 12.763m0-5.333a7.43 7.43 0 1 1 0-14.86a7.43 7.43 0 0 1 0 14.86m1.949 93.382c-4.985 1.077-9.896-2.091-10.975-7.076a9.236 9.236 0 0 1 7.076-10.976c4.985-1.077 9.896 2.091 10.976 7.076c1.077 4.985-2.091 9.897-7.077 10.976"/></g></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill-rule="evenodd" transform="translate(2 2)scale(.10938)"><circle cx="128" cy="128" r="128" fill="#2b2e3a"/><g fill="#9feaf9" fill-rule="nonzero"><path d="M100.5 71.69c-26.005-4.736-46.567.221-54.762 14.415c-6.115 10.592-4.367 24.635 4.24 39.646a2.667 2.667 0 1 0 4.626-2.653c-7.752-13.522-9.261-25.641-4.247-34.326c6.808-11.791 25.148-16.213 49.187-11.835a2.667 2.667 0 0 0 .956-5.247m-36.999 72.307c10.515 11.555 24.176 22.394 39.756 31.388c37.723 21.78 77.883 27.601 97.675 14.106a2.667 2.667 0 1 0-3.005-4.406c-17.714 12.078-55.862 6.548-92.003-14.318c-15.114-8.726-28.343-19.222-38.478-30.36a2.667 2.667 0 1 0-3.945 3.59"/><path d="M194.62 140.75c17.028-20.116 22.973-40.348 14.795-54.512c-6.017-10.423-18.738-15.926-35.645-16.146a2.667 2.667 0 0 0-.069 5.333c15.205.198 26.165 4.939 31.096 13.48c6.792 11.765 1.49 29.807-14.248 48.399a2.667 2.667 0 1 0 4.071 3.446m-43.761-68.175c-15.396 3.299-31.784 9.749-47.522 18.835c-38.942 22.483-64.345 55.636-60.817 79.675a2.667 2.667 0 1 0 5.277-.775c-3.133-21.344 20.947-52.769 58.207-74.281c15.267-8.815 31.135-15.06 45.972-18.239a2.667 2.667 0 1 0-1.117-5.215"/><path d="M87.77 187.75c8.904 24.86 23.469 40.167 39.847 40.167c11.945 0 22.996-8.143 31.614-22.478a2.667 2.667 0 1 0-4.571-2.748c-7.745 12.883-17.258 19.892-27.043 19.892c-13.605 0-26.596-13.652-34.825-36.63a2.667 2.667 0 1 0-5.021 1.797zm81.322-4.863c4.61-14.728 7.085-31.718 7.085-49.423c0-44.179-15.463-82.263-37.487-92.042a2.667 2.667 0 0 0-2.164 4.874c19.643 8.723 34.317 44.866 34.317 87.168c0 17.177-2.397 33.63-6.84 47.83a2.667 2.667 0 1 0 5.09 1.593zm50.224-2.612c0-7.049-5.714-12.763-12.763-12.763s-12.763 5.714-12.763 12.763s5.714 12.763 12.763 12.763s12.763-5.714 12.763-12.763m-5.333 0a7.43 7.43 0 1 1-14.86 0a7.43 7.43 0 0 1 14.86 0m-165.49 12.763c7.05 0 12.764-5.714 12.764-12.763s-5.715-12.763-12.764-12.763s-12.763 5.714-12.763 12.763s5.715 12.763 12.763 12.763m0-5.333a7.43 7.43 0 1 1 0-14.86a7.43 7.43 0 0 1 0 14.86"/><path d="M127.62 54.444c7.049 0 12.763-5.714 12.763-12.763s-5.714-12.763-12.763-12.763s-12.763 5.714-12.763 12.763s5.714 12.763 12.763 12.763m0-5.333a7.43 7.43 0 1 1 0-14.86a7.43 7.43 0 0 1 0 14.86m1.949 93.382c-4.985 1.077-9.896-2.091-10.975-7.076a9.236 9.236 0 0 1 7.076-10.976c4.985-1.077 9.896 2.091 10.976 7.076c1.077 4.985-2.091 9.897-7.077 10.976"/></g></g></svg> </template>
CSS
.icon-file-type-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%3Cg%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(2%202)scale(.10938)%22%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22128%22%20fill%3D%22%232b2e3a%22%2F%3E%3Cg%20fill%3D%22%239feaf9%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M100.5%2071.69c-26.005-4.736-46.567.221-54.762%2014.415c-6.115%2010.592-4.367%2024.635%204.24%2039.646a2.667%202.667%200%201%200%204.626-2.653c-7.752-13.522-9.261-25.641-4.247-34.326c6.808-11.791%2025.148-16.213%2049.187-11.835a2.667%202.667%200%200%200%20.956-5.247m-36.999%2072.307c10.515%2011.555%2024.176%2022.394%2039.756%2031.388c37.723%2021.78%2077.883%2027.601%2097.675%2014.106a2.667%202.667%200%201%200-3.005-4.406c-17.714%2012.078-55.862%206.548-92.003-14.318c-15.114-8.726-28.343-19.222-38.478-30.36a2.667%202.667%200%201%200-3.945%203.59%22%2F%3E%3Cpath%20d%3D%22M194.62%20140.75c17.028-20.116%2022.973-40.348%2014.795-54.512c-6.017-10.423-18.738-15.926-35.645-16.146a2.667%202.667%200%200%200-.069%205.333c15.205.198%2026.165%204.939%2031.096%2013.48c6.792%2011.765%201.49%2029.807-14.248%2048.399a2.667%202.667%200%201%200%204.071%203.446m-43.761-68.175c-15.396%203.299-31.784%209.749-47.522%2018.835c-38.942%2022.483-64.345%2055.636-60.817%2079.675a2.667%202.667%200%201%200%205.277-.775c-3.133-21.344%2020.947-52.769%2058.207-74.281c15.267-8.815%2031.135-15.06%2045.972-18.239a2.667%202.667%200%201%200-1.117-5.215%22%2F%3E%3Cpath%20d%3D%22M87.77%20187.75c8.904%2024.86%2023.469%2040.167%2039.847%2040.167c11.945%200%2022.996-8.143%2031.614-22.478a2.667%202.667%200%201%200-4.571-2.748c-7.745%2012.883-17.258%2019.892-27.043%2019.892c-13.605%200-26.596-13.652-34.825-36.63a2.667%202.667%200%201%200-5.021%201.797zm81.322-4.863c4.61-14.728%207.085-31.718%207.085-49.423c0-44.179-15.463-82.263-37.487-92.042a2.667%202.667%200%200%200-2.164%204.874c19.643%208.723%2034.317%2044.866%2034.317%2087.168c0%2017.177-2.397%2033.63-6.84%2047.83a2.667%202.667%200%201%200%205.09%201.593zm50.224-2.612c0-7.049-5.714-12.763-12.763-12.763s-12.763%205.714-12.763%2012.763s5.714%2012.763%2012.763%2012.763s12.763-5.714%2012.763-12.763m-5.333%200a7.43%207.43%200%201%201-14.86%200a7.43%207.43%200%200%201%2014.86%200m-165.49%2012.763c7.05%200%2012.764-5.714%2012.764-12.763s-5.715-12.763-12.764-12.763s-12.763%205.714-12.763%2012.763s5.715%2012.763%2012.763%2012.763m0-5.333a7.43%207.43%200%201%201%200-14.86a7.43%207.43%200%200%201%200%2014.86%22%2F%3E%3Cpath%20d%3D%22M127.62%2054.444c7.049%200%2012.763-5.714%2012.763-12.763s-5.714-12.763-12.763-12.763s-12.763%205.714-12.763%2012.763s5.714%2012.763%2012.763%2012.763m0-5.333a7.43%207.43%200%201%201%200-14.86a7.43%207.43%200%200%201%200%2014.86m1.949%2093.382c-4.985%201.077-9.896-2.091-10.975-7.076a9.236%209.236%200%200%201%207.076-10.976c4.985-1.077%209.896%202.091%2010.976%207.076c1.077%204.985-2.091%209.897-7.077%2010.976%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(2%202)scale(.10938)%22%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22128%22%20fill%3D%22%232b2e3a%22%2F%3E%3Cg%20fill%3D%22%239feaf9%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M100.5%2071.69c-26.005-4.736-46.567.221-54.762%2014.415c-6.115%2010.592-4.367%2024.635%204.24%2039.646a2.667%202.667%200%201%200%204.626-2.653c-7.752-13.522-9.261-25.641-4.247-34.326c6.808-11.791%2025.148-16.213%2049.187-11.835a2.667%202.667%200%200%200%20.956-5.247m-36.999%2072.307c10.515%2011.555%2024.176%2022.394%2039.756%2031.388c37.723%2021.78%2077.883%2027.601%2097.675%2014.106a2.667%202.667%200%201%200-3.005-4.406c-17.714%2012.078-55.862%206.548-92.003-14.318c-15.114-8.726-28.343-19.222-38.478-30.36a2.667%202.667%200%201%200-3.945%203.59%22%2F%3E%3Cpath%20d%3D%22M194.62%20140.75c17.028-20.116%2022.973-40.348%2014.795-54.512c-6.017-10.423-18.738-15.926-35.645-16.146a2.667%202.667%200%200%200-.069%205.333c15.205.198%2026.165%204.939%2031.096%2013.48c6.792%2011.765%201.49%2029.807-14.248%2048.399a2.667%202.667%200%201%200%204.071%203.446m-43.761-68.175c-15.396%203.299-31.784%209.749-47.522%2018.835c-38.942%2022.483-64.345%2055.636-60.817%2079.675a2.667%202.667%200%201%200%205.277-.775c-3.133-21.344%2020.947-52.769%2058.207-74.281c15.267-8.815%2031.135-15.06%2045.972-18.239a2.667%202.667%200%201%200-1.117-5.215%22%2F%3E%3Cpath%20d%3D%22M87.77%20187.75c8.904%2024.86%2023.469%2040.167%2039.847%2040.167c11.945%200%2022.996-8.143%2031.614-22.478a2.667%202.667%200%201%200-4.571-2.748c-7.745%2012.883-17.258%2019.892-27.043%2019.892c-13.605%200-26.596-13.652-34.825-36.63a2.667%202.667%200%201%200-5.021%201.797zm81.322-4.863c4.61-14.728%207.085-31.718%207.085-49.423c0-44.179-15.463-82.263-37.487-92.042a2.667%202.667%200%200%200-2.164%204.874c19.643%208.723%2034.317%2044.866%2034.317%2087.168c0%2017.177-2.397%2033.63-6.84%2047.83a2.667%202.667%200%201%200%205.09%201.593zm50.224-2.612c0-7.049-5.714-12.763-12.763-12.763s-12.763%205.714-12.763%2012.763s5.714%2012.763%2012.763%2012.763s12.763-5.714%2012.763-12.763m-5.333%200a7.43%207.43%200%201%201-14.86%200a7.43%207.43%200%200%201%2014.86%200m-165.49%2012.763c7.05%200%2012.764-5.714%2012.764-12.763s-5.715-12.763-12.764-12.763s-12.763%205.714-12.763%2012.763s5.715%2012.763%2012.763%2012.763m0-5.333a7.43%207.43%200%201%201%200-14.86a7.43%207.43%200%200%201%200%2014.86%22%2F%3E%3Cpath%20d%3D%22M127.62%2054.444c7.049%200%2012.763-5.714%2012.763-12.763s-5.714-12.763-12.763-12.763s-12.763%205.714-12.763%2012.763s5.714%2012.763%2012.763%2012.763m0-5.333a7.43%207.43%200%201%201%200-14.86a7.43%207.43%200%200%201%200%2014.86m1.949%2093.382c-4.985%201.077-9.896-2.091-10.975-7.076a9.236%209.236%200%200%201%207.076-10.976c4.985-1.077%209.896%202.091%2010.976%207.076c1.077%204.985-2.091%209.897-7.077%2010.976%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-electron.svg?color=%231a73e8&size=48
