folder type config logo
folder-type-config from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- folder-type-config
- 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 config logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#53a2c1" 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="#99b8c4" d="m26.049 26.785l.675-.671c3.123.1 3.171-.008 3.308-.329l.858-2.085l.064-.2l-.07-.173c-.037-.092-.15-.365-2.1-2.224v-.978c2.25-2.168 2.2-2.279 2.074-2.6L30 15.418c-.128-.317-.177-.44-3.278-.356l-.675-.7a15 15 0 0 0-.106-3.08l-.087-.2l-2.231-.975c-.329-.15-.444-.2-2.55 2.09l-.947-.014c-2.168-2.315-2.271-2.273-2.6-2.141l-2.074.839c-.325.131-.44.178-.314 3.328l-.67.668c-3.122-.1-3.17.009-3.305.329l-.86 2.09l-.068.2l.071.174c.037.09.146.36 2.1 2.222v.975c-2.25 2.168-2.2 2.279-2.072 2.6l.854 2.113c.131.323.177.438 3.277.357l.675.7a15 15 0 0 0 .1 3.075l.087.2l2.245.981c.326.137.44.185 2.54-2.1l.947.012c2.171 2.318 2.282 2.273 2.6 2.144l2.069-.836c.338-.131.452-.176.321-3.328m-8.894-4.893a3.718 3.718 0 1 1 4.866 2.118a3.76 3.76 0 0 1-4.866-2.118"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFolderTypeConfig(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#53a2c1" 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="#99b8c4" d="m26.049 26.785l.675-.671c3.123.1 3.171-.008 3.308-.329l.858-2.085l.064-.2l-.07-.173c-.037-.092-.15-.365-2.1-2.224v-.978c2.25-2.168 2.2-2.279 2.074-2.6L30 15.418c-.128-.317-.177-.44-3.278-.356l-.675-.7a15 15 0 0 0-.106-3.08l-.087-.2l-2.231-.975c-.329-.15-.444-.2-2.55 2.09l-.947-.014c-2.168-2.315-2.271-2.273-2.6-2.141l-2.074.839c-.325.131-.44.178-.314 3.328l-.67.668c-3.122-.1-3.17.009-3.305.329l-.86 2.09l-.068.2l.071.174c.037.09.146.36 2.1 2.222v.975c-2.25 2.168-2.2 2.279-2.072 2.6l.854 2.113c.131.323.177.438 3.277.357l.675.7a15 15 0 0 0 .1 3.075l.087.2l2.245.981c.326.137.44.185 2.54-2.1l.947.012c2.171 2.318 2.282 2.273 2.6 2.144l2.069-.836c.338-.131.452-.176.321-3.328m-8.894-4.893a3.718 3.718 0 1 1 4.866 2.118a3.76 3.76 0 0 1-4.866-2.118"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#53a2c1" 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="#99b8c4" d="m26.049 26.785l.675-.671c3.123.1 3.171-.008 3.308-.329l.858-2.085l.064-.2l-.07-.173c-.037-.092-.15-.365-2.1-2.224v-.978c2.25-2.168 2.2-2.279 2.074-2.6L30 15.418c-.128-.317-.177-.44-3.278-.356l-.675-.7a15 15 0 0 0-.106-3.08l-.087-.2l-2.231-.975c-.329-.15-.444-.2-2.55 2.09l-.947-.014c-2.168-2.315-2.271-2.273-2.6-2.141l-2.074.839c-.325.131-.44.178-.314 3.328l-.67.668c-3.122-.1-3.17.009-3.305.329l-.86 2.09l-.068.2l.071.174c.037.09.146.36 2.1 2.222v.975c-2.25 2.168-2.2 2.279-2.072 2.6l.854 2.113c.131.323.177.438 3.277.357l.675.7a15 15 0 0 0 .1 3.075l.087.2l2.245.981c.326.137.44.185 2.54-2.1l.947.012c2.171 2.318 2.282 2.273 2.6 2.144l2.069-.836c.338-.131.452-.176.321-3.328m-8.894-4.893a3.718 3.718 0 1 1 4.866 2.118a3.76 3.76 0 0 1-4.866-2.118"/></svg> </template>
CSS
.icon-folder-type-config {
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%2353a2c1%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%2399b8c4%22%20d%3D%22m26.049%2026.785l.675-.671c3.123.1%203.171-.008%203.308-.329l.858-2.085l.064-.2l-.07-.173c-.037-.092-.15-.365-2.1-2.224v-.978c2.25-2.168%202.2-2.279%202.074-2.6L30%2015.418c-.128-.317-.177-.44-3.278-.356l-.675-.7a15%2015%200%200%200-.106-3.08l-.087-.2l-2.231-.975c-.329-.15-.444-.2-2.55%202.09l-.947-.014c-2.168-2.315-2.271-2.273-2.6-2.141l-2.074.839c-.325.131-.44.178-.314%203.328l-.67.668c-3.122-.1-3.17.009-3.305.329l-.86%202.09l-.068.2l.071.174c.037.09.146.36%202.1%202.222v.975c-2.25%202.168-2.2%202.279-2.072%202.6l.854%202.113c.131.323.177.438%203.277.357l.675.7a15%2015%200%200%200%20.1%203.075l.087.2l2.245.981c.326.137.44.185%202.54-2.1l.947.012c2.171%202.318%202.282%202.273%202.6%202.144l2.069-.836c.338-.131.452-.176.321-3.328m-8.894-4.893a3.718%203.718%200%201%201%204.866%202.118a3.76%203.76%200%200%201-4.866-2.118%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%2353a2c1%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%2399b8c4%22%20d%3D%22m26.049%2026.785l.675-.671c3.123.1%203.171-.008%203.308-.329l.858-2.085l.064-.2l-.07-.173c-.037-.092-.15-.365-2.1-2.224v-.978c2.25-2.168%202.2-2.279%202.074-2.6L30%2015.418c-.128-.317-.177-.44-3.278-.356l-.675-.7a15%2015%200%200%200-.106-3.08l-.087-.2l-2.231-.975c-.329-.15-.444-.2-2.55%202.09l-.947-.014c-2.168-2.315-2.271-2.273-2.6-2.141l-2.074.839c-.325.131-.44.178-.314%203.328l-.67.668c-3.122-.1-3.17.009-3.305.329l-.86%202.09l-.068.2l.071.174c.037.09.146.36%202.1%202.222v.975c-2.25%202.168-2.2%202.279-2.072%202.6l.854%202.113c.131.323.177.438%203.277.357l.675.7a15%2015%200%200%200%20.1%203.075l.087.2l2.245.981c.326.137.44.185%202.54-2.1l.947.012c2.171%202.318%202.282%202.273%202.6%202.144l2.069-.836c.338-.131.452-.176.321-3.328m-8.894-4.893a3.718%203.718%200%201%201%204.866%202.118a3.76%203.76%200%200%201-4.866-2.118%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-config.svg?color=%231a73e8&size=48
