folder type include opened logo
folder-type-include-opened from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- folder-type-include-opened
- 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 include opened logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#9b9b9b" d="M27.4 5.5h-9.2l-2.1 4.2H4.3v16.8h25.2v-21Zm0 18.7H6.6V11.8h20.8Zm0-14.5h-8.2l1-2.1h7.1v2.1Z"/><path fill="#9b9b9b" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="gray" d="M15.266 11.311v18.375h14.449v-15.1h-3.6v-3.275Zm12.146.813l.008 1.158h1.252l-1.26-1.16Z"/><path fill="#c5c5c5" d="M27.028 10H15.281a1.316 1.316 0 0 0-1.312 1.313v18.375A1.316 1.316 0 0 0 15.281 31h14.438a1.316 1.316 0 0 0 1.313-1.312V13.642Zm.394 2.133l1.247 1.148h-1.247ZM15.281 29.688V11.313h10.828v3.281h3.609v15.094Z"/><path fill="#c5c5c5" d="m17.523 27.326l5.577-5.577l-5.577-5.577v3.489H10.1v4.176h7.423z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFolderTypeIncludeOpened(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.4 5.5h-9.2l-2.1 4.2H4.3v16.8h25.2v-21Zm0 18.7H6.6V11.8h20.8Zm0-14.5h-8.2l1-2.1h7.1v2.1Z"/><path fill="#9b9b9b" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="gray" d="M15.266 11.311v18.375h14.449v-15.1h-3.6v-3.275Zm12.146.813l.008 1.158h1.252l-1.26-1.16Z"/><path fill="#c5c5c5" d="M27.028 10H15.281a1.316 1.316 0 0 0-1.312 1.313v18.375A1.316 1.316 0 0 0 15.281 31h14.438a1.316 1.316 0 0 0 1.313-1.312V13.642Zm.394 2.133l1.247 1.148h-1.247ZM15.281 29.688V11.313h10.828v3.281h3.609v15.094Z"/><path fill="#c5c5c5" d="m17.523 27.326l5.577-5.577l-5.577-5.577v3.489H10.1v4.176h7.423z"/></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.4 5.5h-9.2l-2.1 4.2H4.3v16.8h25.2v-21Zm0 18.7H6.6V11.8h20.8Zm0-14.5h-8.2l1-2.1h7.1v2.1Z"/><path fill="#9b9b9b" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="gray" d="M15.266 11.311v18.375h14.449v-15.1h-3.6v-3.275Zm12.146.813l.008 1.158h1.252l-1.26-1.16Z"/><path fill="#c5c5c5" d="M27.028 10H15.281a1.316 1.316 0 0 0-1.312 1.313v18.375A1.316 1.316 0 0 0 15.281 31h14.438a1.316 1.316 0 0 0 1.313-1.312V13.642Zm.394 2.133l1.247 1.148h-1.247ZM15.281 29.688V11.313h10.828v3.281h3.609v15.094Z"/><path fill="#c5c5c5" d="m17.523 27.326l5.577-5.577l-5.577-5.577v3.489H10.1v4.176h7.423z"/></svg> </template>
CSS
.icon-folder-type-include-opened {
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.4%205.5h-9.2l-2.1%204.2H4.3v16.8h25.2v-21Zm0%2018.7H6.6V11.8h20.8Zm0-14.5h-8.2l1-2.1h7.1v2.1Z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M25.7%2013.7H.5l3.8%2012.8h25.2z%22%2F%3E%3Cpath%20fill%3D%22gray%22%20d%3D%22M15.266%2011.311v18.375h14.449v-15.1h-3.6v-3.275Zm12.146.813l.008%201.158h1.252l-1.26-1.16Z%22%2F%3E%3Cpath%20fill%3D%22%23c5c5c5%22%20d%3D%22M27.028%2010H15.281a1.316%201.316%200%200%200-1.312%201.313v18.375A1.316%201.316%200%200%200%2015.281%2031h14.438a1.316%201.316%200%200%200%201.313-1.312V13.642Zm.394%202.133l1.247%201.148h-1.247ZM15.281%2029.688V11.313h10.828v3.281h3.609v15.094Z%22%2F%3E%3Cpath%20fill%3D%22%23c5c5c5%22%20d%3D%22m17.523%2027.326l5.577-5.577l-5.577-5.577v3.489H10.1v4.176h7.423z%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.4%205.5h-9.2l-2.1%204.2H4.3v16.8h25.2v-21Zm0%2018.7H6.6V11.8h20.8Zm0-14.5h-8.2l1-2.1h7.1v2.1Z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M25.7%2013.7H.5l3.8%2012.8h25.2z%22%2F%3E%3Cpath%20fill%3D%22gray%22%20d%3D%22M15.266%2011.311v18.375h14.449v-15.1h-3.6v-3.275Zm12.146.813l.008%201.158h1.252l-1.26-1.16Z%22%2F%3E%3Cpath%20fill%3D%22%23c5c5c5%22%20d%3D%22M27.028%2010H15.281a1.316%201.316%200%200%200-1.312%201.313v18.375A1.316%201.316%200%200%200%2015.281%2031h14.438a1.316%201.316%200%200%200%201.313-1.312V13.642Zm.394%202.133l1.247%201.148h-1.247ZM15.281%2029.688V11.313h10.828v3.281h3.609v15.094Z%22%2F%3E%3Cpath%20fill%3D%22%23c5c5c5%22%20d%3D%22m17.523%2027.326l5.577-5.577l-5.577-5.577v3.489H10.1v4.176h7.423z%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-include-opened.svg?color=%231a73e8&size=48
