folder type github logo
folder-type-github from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- folder-type-github
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
folder-type-androidfolder-type-android-openedfolder-type-angularfolder-type-angular-openedfolder-type-apachefolder-type-apache-openedfolder-type-apifolder-type-api-openedfolder-type-appfolder-type-app-openedfolder-type-arangodbfolder-type-arangodb-openedfolder-type-assetfolder-type-asset-openedfolder-type-astrofolder-type-astro-openedfolder-type-audiofolder-type-audio-openedfolder-type-aureliafolder-type-aurelia-openedfolder-type-awsfolder-type-aws-openedfolder-type-azurefolder-type-azure-opened
Use the folder type github logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#9b9b9b" d="M27.5 5.5h-9.3l-2.1 4.2H4.4v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1Z"/><path fill="#fff" fill-rule="evenodd" d="M31 20.5A10.5 10.5 0 1 1 20.5 10A10.5 10.5 0 0 1 31 20.5"/><path fill="#333" fill-rule="evenodd" d="M23.013 27.6a2.5 2.5 0 0 0-.713-1.944c2.339-.26 4.794-1.148 4.794-5.181a4.05 4.05 0 0 0-1.079-2.818a3.77 3.77 0 0 0-.105-2.779s-.88-.282-2.884 1.077a9.94 9.94 0 0 0-5.258 0c-2.005-1.359-2.887-1.077-2.887-1.077a3.78 3.78 0 0 0-.1 2.779A4.06 4.06 0 0 0 13.7 20.47c0 4.023 2.451 4.924 4.783 5.189a2.25 2.25 0 0 0-.667 1.4a2.234 2.234 0 0 1-3.055-.873a2.21 2.21 0 0 0-1.609-1.082s-1.025-.013-.072.639a2.78 2.78 0 0 1 1.166 1.535s.616 2.043 3.537 1.408c0 .876.014 1.537.014 1.786a.6.6 0 0 1-.032.177a10.2 10.2 0 0 0 5.27 0a.6.6 0 0 1-.035-.173c0-.344.013-1.476.013-2.876"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFolderTypeGithub(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#9b9b9b" d="M27.5 5.5h-9.3l-2.1 4.2H4.4v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1Z"/><path fill="#fff" fillRule="evenodd" d="M31 20.5A10.5 10.5 0 1 1 20.5 10A10.5 10.5 0 0 1 31 20.5"/><path fill="#333" fillRule="evenodd" d="M23.013 27.6a2.5 2.5 0 0 0-.713-1.944c2.339-.26 4.794-1.148 4.794-5.181a4.05 4.05 0 0 0-1.079-2.818a3.77 3.77 0 0 0-.105-2.779s-.88-.282-2.884 1.077a9.94 9.94 0 0 0-5.258 0c-2.005-1.359-2.887-1.077-2.887-1.077a3.78 3.78 0 0 0-.1 2.779A4.06 4.06 0 0 0 13.7 20.47c0 4.023 2.451 4.924 4.783 5.189a2.25 2.25 0 0 0-.667 1.4a2.234 2.234 0 0 1-3.055-.873a2.21 2.21 0 0 0-1.609-1.082s-1.025-.013-.072.639a2.78 2.78 0 0 1 1.166 1.535s.616 2.043 3.537 1.408c0 .876.014 1.537.014 1.786a.6.6 0 0 1-.032.177a10.2 10.2 0 0 0 5.27 0a.6.6 0 0 1-.035-.173c0-.344.013-1.476.013-2.876"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#9b9b9b" d="M27.5 5.5h-9.3l-2.1 4.2H4.4v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1Z"/><path fill="#fff" fill-rule="evenodd" d="M31 20.5A10.5 10.5 0 1 1 20.5 10A10.5 10.5 0 0 1 31 20.5"/><path fill="#333" fill-rule="evenodd" d="M23.013 27.6a2.5 2.5 0 0 0-.713-1.944c2.339-.26 4.794-1.148 4.794-5.181a4.05 4.05 0 0 0-1.079-2.818a3.77 3.77 0 0 0-.105-2.779s-.88-.282-2.884 1.077a9.94 9.94 0 0 0-5.258 0c-2.005-1.359-2.887-1.077-2.887-1.077a3.78 3.78 0 0 0-.1 2.779A4.06 4.06 0 0 0 13.7 20.47c0 4.023 2.451 4.924 4.783 5.189a2.25 2.25 0 0 0-.667 1.4a2.234 2.234 0 0 1-3.055-.873a2.21 2.21 0 0 0-1.609-1.082s-1.025-.013-.072.639a2.78 2.78 0 0 1 1.166 1.535s.616 2.043 3.537 1.408c0 .876.014 1.537.014 1.786a.6.6 0 0 1-.032.177a10.2 10.2 0 0 0 5.27 0a.6.6 0 0 1-.035-.173c0-.344.013-1.476.013-2.876"/></svg> </template>
CSS
.icon-folder-type-github {
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%22%239b9b9b%22%20d%3D%22M27.5%205.5h-9.3l-2.1%204.2H4.4v16.8h25.2v-21Zm0%204.2h-8.2l1.1-2.1h7.1Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M31%2020.5A10.5%2010.5%200%201%201%2020.5%2010A10.5%2010.5%200%200%201%2031%2020.5%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.013%2027.6a2.5%202.5%200%200%200-.713-1.944c2.339-.26%204.794-1.148%204.794-5.181a4.05%204.05%200%200%200-1.079-2.818a3.77%203.77%200%200%200-.105-2.779s-.88-.282-2.884%201.077a9.94%209.94%200%200%200-5.258%200c-2.005-1.359-2.887-1.077-2.887-1.077a3.78%203.78%200%200%200-.1%202.779A4.06%204.06%200%200%200%2013.7%2020.47c0%204.023%202.451%204.924%204.783%205.189a2.25%202.25%200%200%200-.667%201.4a2.234%202.234%200%200%201-3.055-.873a2.21%202.21%200%200%200-1.609-1.082s-1.025-.013-.072.639a2.78%202.78%200%200%201%201.166%201.535s.616%202.043%203.537%201.408c0%20.876.014%201.537.014%201.786a.6.6%200%200%201-.032.177a10.2%2010.2%200%200%200%205.27%200a.6.6%200%200%201-.035-.173c0-.344.013-1.476.013-2.876%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%22%239b9b9b%22%20d%3D%22M27.5%205.5h-9.3l-2.1%204.2H4.4v16.8h25.2v-21Zm0%204.2h-8.2l1.1-2.1h7.1Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M31%2020.5A10.5%2010.5%200%201%201%2020.5%2010A10.5%2010.5%200%200%201%2031%2020.5%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.013%2027.6a2.5%202.5%200%200%200-.713-1.944c2.339-.26%204.794-1.148%204.794-5.181a4.05%204.05%200%200%200-1.079-2.818a3.77%203.77%200%200%200-.105-2.779s-.88-.282-2.884%201.077a9.94%209.94%200%200%200-5.258%200c-2.005-1.359-2.887-1.077-2.887-1.077a3.78%203.78%200%200%200-.1%202.779A4.06%204.06%200%200%200%2013.7%2020.47c0%204.023%202.451%204.924%204.783%205.189a2.25%202.25%200%200%200-.667%201.4a2.234%202.234%200%200%201-3.055-.873a2.21%202.21%200%200%200-1.609-1.082s-1.025-.013-.072.639a2.78%202.78%200%200%201%201.166%201.535s.616%202.043%203.537%201.408c0%20.876.014%201.537.014%201.786a.6.6%200%200%201-.032.177a10.2%2010.2%200%200%200%205.27%200a.6.6%200%200%201-.035-.173c0-.344.013-1.476.013-2.876%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/folder-type-github.svg?color=%231a73e8&size=48
