folder type app opened logo
folder-type-app-opened from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- folder-type-app-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-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-openedfolder-type-azurepipelines
Use the folder type app opened logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#0b822c" 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="#0b822c" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#7bdbab" d="M10 12.983v18.034h21V12.983Zm20.219 17.253H10.781V15.247h19.438Z"/><path fill="#7bdbab" d="M19.981 17.138c.352-.022.768-.15 1.071.107c.277.255.264.669.352 1.009a7 7 0 0 1 1.234.393c.26-.229.486-.564.856-.6c.329-.023.567.235.8.425a3 3 0 0 1 .685.679c.168.445-.2.822-.422 1.158a8 8 0 0 1 .55 1.1c.431.027 1.038-.07 1.241.425a5.1 5.1 0 0 1 .142 1.492c-.11.531-.743.551-1.174.646c-.072.393-.235.76-.342 1.143c.117.336.533.5.612.872c.085.405-.275.693-.5.981c-.216.228-.39.56-.727.621c-.438.079-.754-.295-1.109-.479a6.3 6.3 0 0 1-1.1.564c-.031.452.082 1.117-.452 1.316a5 5 0 0 1-1.518.117c-.525-.168-.494-.8-.612-1.242c-.39-.072-.748-.256-1.134-.329c-.352.249-.639.759-1.141.631a3.6 3.6 0 0 1-.851-.627c-.207-.186-.481-.38-.47-.69c-.021-.412.392-.666.47-1.04c-.14-.338-.352-.643-.486-.988c-.366-.033-.784.065-1.1-.16c-.295-.2-.278-.6-.321-.91a3 3 0 0 1 .012-.97c.207-.438.759-.416 1.161-.531a6.5 6.5 0 0 1 .352-1.174c-.235-.276-.574-.5-.655-.878c-.046-.345.235-.6.432-.849a2.7 2.7 0 0 1 .7-.7c.44-.146.794.22 1.134.433a6 6 0 0 1 1.157-.587c.093-.375-.053-.845.269-1.128c.233-.239.585-.19.884-.23m.117 3.828a2.144 2.144 0 1 0 1.908.566a2.14 2.14 0 0 0-1.908-.566"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFolderTypeAppOpened(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#0b822c" 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="#0b822c" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#7bdbab" d="M10 12.983v18.034h21V12.983Zm20.219 17.253H10.781V15.247h19.438Z"/><path fill="#7bdbab" d="M19.981 17.138c.352-.022.768-.15 1.071.107c.277.255.264.669.352 1.009a7 7 0 0 1 1.234.393c.26-.229.486-.564.856-.6c.329-.023.567.235.8.425a3 3 0 0 1 .685.679c.168.445-.2.822-.422 1.158a8 8 0 0 1 .55 1.1c.431.027 1.038-.07 1.241.425a5.1 5.1 0 0 1 .142 1.492c-.11.531-.743.551-1.174.646c-.072.393-.235.76-.342 1.143c.117.336.533.5.612.872c.085.405-.275.693-.5.981c-.216.228-.39.56-.727.621c-.438.079-.754-.295-1.109-.479a6.3 6.3 0 0 1-1.1.564c-.031.452.082 1.117-.452 1.316a5 5 0 0 1-1.518.117c-.525-.168-.494-.8-.612-1.242c-.39-.072-.748-.256-1.134-.329c-.352.249-.639.759-1.141.631a3.6 3.6 0 0 1-.851-.627c-.207-.186-.481-.38-.47-.69c-.021-.412.392-.666.47-1.04c-.14-.338-.352-.643-.486-.988c-.366-.033-.784.065-1.1-.16c-.295-.2-.278-.6-.321-.91a3 3 0 0 1 .012-.97c.207-.438.759-.416 1.161-.531a6.5 6.5 0 0 1 .352-1.174c-.235-.276-.574-.5-.655-.878c-.046-.345.235-.6.432-.849a2.7 2.7 0 0 1 .7-.7c.44-.146.794.22 1.134.433a6 6 0 0 1 1.157-.587c.093-.375-.053-.845.269-1.128c.233-.239.585-.19.884-.23m.117 3.828a2.144 2.144 0 1 0 1.908.566a2.14 2.14 0 0 0-1.908-.566"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#0b822c" 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="#0b822c" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#7bdbab" d="M10 12.983v18.034h21V12.983Zm20.219 17.253H10.781V15.247h19.438Z"/><path fill="#7bdbab" d="M19.981 17.138c.352-.022.768-.15 1.071.107c.277.255.264.669.352 1.009a7 7 0 0 1 1.234.393c.26-.229.486-.564.856-.6c.329-.023.567.235.8.425a3 3 0 0 1 .685.679c.168.445-.2.822-.422 1.158a8 8 0 0 1 .55 1.1c.431.027 1.038-.07 1.241.425a5.1 5.1 0 0 1 .142 1.492c-.11.531-.743.551-1.174.646c-.072.393-.235.76-.342 1.143c.117.336.533.5.612.872c.085.405-.275.693-.5.981c-.216.228-.39.56-.727.621c-.438.079-.754-.295-1.109-.479a6.3 6.3 0 0 1-1.1.564c-.031.452.082 1.117-.452 1.316a5 5 0 0 1-1.518.117c-.525-.168-.494-.8-.612-1.242c-.39-.072-.748-.256-1.134-.329c-.352.249-.639.759-1.141.631a3.6 3.6 0 0 1-.851-.627c-.207-.186-.481-.38-.47-.69c-.021-.412.392-.666.47-1.04c-.14-.338-.352-.643-.486-.988c-.366-.033-.784.065-1.1-.16c-.295-.2-.278-.6-.321-.91a3 3 0 0 1 .012-.97c.207-.438.759-.416 1.161-.531a6.5 6.5 0 0 1 .352-1.174c-.235-.276-.574-.5-.655-.878c-.046-.345.235-.6.432-.849a2.7 2.7 0 0 1 .7-.7c.44-.146.794.22 1.134.433a6 6 0 0 1 1.157-.587c.093-.375-.053-.845.269-1.128c.233-.239.585-.19.884-.23m.117 3.828a2.144 2.144 0 1 0 1.908.566a2.14 2.14 0 0 0-1.908-.566"/></svg> </template>
CSS
.icon-folder-type-app-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%230b822c%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%230b822c%22%20d%3D%22M25.7%2013.7H.5l3.8%2012.8h25.2z%22%2F%3E%3Cpath%20fill%3D%22%237bdbab%22%20d%3D%22M10%2012.983v18.034h21V12.983Zm20.219%2017.253H10.781V15.247h19.438Z%22%2F%3E%3Cpath%20fill%3D%22%237bdbab%22%20d%3D%22M19.981%2017.138c.352-.022.768-.15%201.071.107c.277.255.264.669.352%201.009a7%207%200%200%201%201.234.393c.26-.229.486-.564.856-.6c.329-.023.567.235.8.425a3%203%200%200%201%20.685.679c.168.445-.2.822-.422%201.158a8%208%200%200%201%20.55%201.1c.431.027%201.038-.07%201.241.425a5.1%205.1%200%200%201%20.142%201.492c-.11.531-.743.551-1.174.646c-.072.393-.235.76-.342%201.143c.117.336.533.5.612.872c.085.405-.275.693-.5.981c-.216.228-.39.56-.727.621c-.438.079-.754-.295-1.109-.479a6.3%206.3%200%200%201-1.1.564c-.031.452.082%201.117-.452%201.316a5%205%200%200%201-1.518.117c-.525-.168-.494-.8-.612-1.242c-.39-.072-.748-.256-1.134-.329c-.352.249-.639.759-1.141.631a3.6%203.6%200%200%201-.851-.627c-.207-.186-.481-.38-.47-.69c-.021-.412.392-.666.47-1.04c-.14-.338-.352-.643-.486-.988c-.366-.033-.784.065-1.1-.16c-.295-.2-.278-.6-.321-.91a3%203%200%200%201%20.012-.97c.207-.438.759-.416%201.161-.531a6.5%206.5%200%200%201%20.352-1.174c-.235-.276-.574-.5-.655-.878c-.046-.345.235-.6.432-.849a2.7%202.7%200%200%201%20.7-.7c.44-.146.794.22%201.134.433a6%206%200%200%201%201.157-.587c.093-.375-.053-.845.269-1.128c.233-.239.585-.19.884-.23m.117%203.828a2.144%202.144%200%201%200%201.908.566a2.14%202.14%200%200%200-1.908-.566%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%230b822c%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%230b822c%22%20d%3D%22M25.7%2013.7H.5l3.8%2012.8h25.2z%22%2F%3E%3Cpath%20fill%3D%22%237bdbab%22%20d%3D%22M10%2012.983v18.034h21V12.983Zm20.219%2017.253H10.781V15.247h19.438Z%22%2F%3E%3Cpath%20fill%3D%22%237bdbab%22%20d%3D%22M19.981%2017.138c.352-.022.768-.15%201.071.107c.277.255.264.669.352%201.009a7%207%200%200%201%201.234.393c.26-.229.486-.564.856-.6c.329-.023.567.235.8.425a3%203%200%200%201%20.685.679c.168.445-.2.822-.422%201.158a8%208%200%200%201%20.55%201.1c.431.027%201.038-.07%201.241.425a5.1%205.1%200%200%201%20.142%201.492c-.11.531-.743.551-1.174.646c-.072.393-.235.76-.342%201.143c.117.336.533.5.612.872c.085.405-.275.693-.5.981c-.216.228-.39.56-.727.621c-.438.079-.754-.295-1.109-.479a6.3%206.3%200%200%201-1.1.564c-.031.452.082%201.117-.452%201.316a5%205%200%200%201-1.518.117c-.525-.168-.494-.8-.612-1.242c-.39-.072-.748-.256-1.134-.329c-.352.249-.639.759-1.141.631a3.6%203.6%200%200%201-.851-.627c-.207-.186-.481-.38-.47-.69c-.021-.412.392-.666.47-1.04c-.14-.338-.352-.643-.486-.988c-.366-.033-.784.065-1.1-.16c-.295-.2-.278-.6-.321-.91a3%203%200%200%201%20.012-.97c.207-.438.759-.416%201.161-.531a6.5%206.5%200%200%201%20.352-1.174c-.235-.276-.574-.5-.655-.878c-.046-.345.235-.6.432-.849a2.7%202.7%200%200%201%20.7-.7c.44-.146.794.22%201.134.433a6%206%200%200%201%201.157-.587c.093-.375-.053-.845.269-1.128c.233-.239.585-.19.884-.23m.117%203.828a2.144%202.144%200%201%200%201.908.566a2.14%202.14%200%200%200-1.908-.566%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-app-opened.svg?color=%231a73e8&size=48
