folder type macos logo
folder-type-macos from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- folder-type-macos
- 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 macos logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#55a1bf" d="M27.9 6h-9.8l-2 4H5v17h25V6Zm.1 4h-7.8l1-2H28Z"/><path fill="#c6e9fa" fill-rule="evenodd" d="M22.258 25.522a15.7 15.7 0 0 1-7.5-1.516l.473-.75a15.26 15.26 0 0 0 7.027 1.3c0 .082.1-1.533.245-2.413H19.1a21.65 21.65 0 0 1 3.033-9.408h-10.2v15.526h10.716a22 22 0 0 1-.391-2.739"/><path fill="#00adee" fill-rule="evenodd" d="M23.285 24.5a10.7 10.7 0 0 0 4.484-1.3l.587.75a12.8 12.8 0 0 1-5.071 1.517a13.6 13.6 0 0 0 .441 2.8h7.337V12.739h-7.81a19.34 19.34 0 0 0-2.968 8.381h3.506a15.4 15.4 0 0 0-.506 3.375Zm-6.717-9.413h.995v2.299h-.995z"/><path fill="#231f20" fill-rule="evenodd" d="M24.851 15.087h.994v2.299h-.994z"/><path fill="#231f20" fill-rule="evenodd" d="M23.285 24.5a10.7 10.7 0 0 0 4.484-1.3l.587.75a12.8 12.8 0 0 1-5.071 1.517a12.3 12.3 0 0 0 1.354 5.087l-.848.446c-1.549-2.445-1.826-5.739-1.288-8.853H19.1A21.5 21.5 0 0 1 24.084 10l.734.636a19.1 19.1 0 0 0-4.533 10.484h3.506a15.4 15.4 0 0 0-.506 3.375Z"/><path fill="#00adee" fill-rule="evenodd" d="M22.258 24.56v.962a15.7 15.7 0 0 1-7.5-1.516l.473-.75a15.26 15.26 0 0 0 7.027 1.3Z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFolderTypeMacos(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#55a1bf" d="M27.9 6h-9.8l-2 4H5v17h25V6Zm.1 4h-7.8l1-2H28Z"/><path fill="#c6e9fa" fillRule="evenodd" d="M22.258 25.522a15.7 15.7 0 0 1-7.5-1.516l.473-.75a15.26 15.26 0 0 0 7.027 1.3c0 .082.1-1.533.245-2.413H19.1a21.65 21.65 0 0 1 3.033-9.408h-10.2v15.526h10.716a22 22 0 0 1-.391-2.739"/><path fill="#00adee" fillRule="evenodd" d="M23.285 24.5a10.7 10.7 0 0 0 4.484-1.3l.587.75a12.8 12.8 0 0 1-5.071 1.517a13.6 13.6 0 0 0 .441 2.8h7.337V12.739h-7.81a19.34 19.34 0 0 0-2.968 8.381h3.506a15.4 15.4 0 0 0-.506 3.375Zm-6.717-9.413h.995v2.299h-.995z"/><path fill="#231f20" fillRule="evenodd" d="M24.851 15.087h.994v2.299h-.994z"/><path fill="#231f20" fillRule="evenodd" d="M23.285 24.5a10.7 10.7 0 0 0 4.484-1.3l.587.75a12.8 12.8 0 0 1-5.071 1.517a12.3 12.3 0 0 0 1.354 5.087l-.848.446c-1.549-2.445-1.826-5.739-1.288-8.853H19.1A21.5 21.5 0 0 1 24.084 10l.734.636a19.1 19.1 0 0 0-4.533 10.484h3.506a15.4 15.4 0 0 0-.506 3.375Z"/><path fill="#00adee" fillRule="evenodd" d="M22.258 24.56v.962a15.7 15.7 0 0 1-7.5-1.516l.473-.75a15.26 15.26 0 0 0 7.027 1.3Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#55a1bf" d="M27.9 6h-9.8l-2 4H5v17h25V6Zm.1 4h-7.8l1-2H28Z"/><path fill="#c6e9fa" fill-rule="evenodd" d="M22.258 25.522a15.7 15.7 0 0 1-7.5-1.516l.473-.75a15.26 15.26 0 0 0 7.027 1.3c0 .082.1-1.533.245-2.413H19.1a21.65 21.65 0 0 1 3.033-9.408h-10.2v15.526h10.716a22 22 0 0 1-.391-2.739"/><path fill="#00adee" fill-rule="evenodd" d="M23.285 24.5a10.7 10.7 0 0 0 4.484-1.3l.587.75a12.8 12.8 0 0 1-5.071 1.517a13.6 13.6 0 0 0 .441 2.8h7.337V12.739h-7.81a19.34 19.34 0 0 0-2.968 8.381h3.506a15.4 15.4 0 0 0-.506 3.375Zm-6.717-9.413h.995v2.299h-.995z"/><path fill="#231f20" fill-rule="evenodd" d="M24.851 15.087h.994v2.299h-.994z"/><path fill="#231f20" fill-rule="evenodd" d="M23.285 24.5a10.7 10.7 0 0 0 4.484-1.3l.587.75a12.8 12.8 0 0 1-5.071 1.517a12.3 12.3 0 0 0 1.354 5.087l-.848.446c-1.549-2.445-1.826-5.739-1.288-8.853H19.1A21.5 21.5 0 0 1 24.084 10l.734.636a19.1 19.1 0 0 0-4.533 10.484h3.506a15.4 15.4 0 0 0-.506 3.375Z"/><path fill="#00adee" fill-rule="evenodd" d="M22.258 24.56v.962a15.7 15.7 0 0 1-7.5-1.516l.473-.75a15.26 15.26 0 0 0 7.027 1.3Z"/></svg> </template>
CSS
.icon-folder-type-macos {
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%2355a1bf%22%20d%3D%22M27.9%206h-9.8l-2%204H5v17h25V6Zm.1%204h-7.8l1-2H28Z%22%2F%3E%3Cpath%20fill%3D%22%23c6e9fa%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.258%2025.522a15.7%2015.7%200%200%201-7.5-1.516l.473-.75a15.26%2015.26%200%200%200%207.027%201.3c0%20.082.1-1.533.245-2.413H19.1a21.65%2021.65%200%200%201%203.033-9.408h-10.2v15.526h10.716a22%2022%200%200%201-.391-2.739%22%2F%3E%3Cpath%20fill%3D%22%2300adee%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.285%2024.5a10.7%2010.7%200%200%200%204.484-1.3l.587.75a12.8%2012.8%200%200%201-5.071%201.517a13.6%2013.6%200%200%200%20.441%202.8h7.337V12.739h-7.81a19.34%2019.34%200%200%200-2.968%208.381h3.506a15.4%2015.4%200%200%200-.506%203.375Zm-6.717-9.413h.995v2.299h-.995z%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M24.851%2015.087h.994v2.299h-.994z%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.285%2024.5a10.7%2010.7%200%200%200%204.484-1.3l.587.75a12.8%2012.8%200%200%201-5.071%201.517a12.3%2012.3%200%200%200%201.354%205.087l-.848.446c-1.549-2.445-1.826-5.739-1.288-8.853H19.1A21.5%2021.5%200%200%201%2024.084%2010l.734.636a19.1%2019.1%200%200%200-4.533%2010.484h3.506a15.4%2015.4%200%200%200-.506%203.375Z%22%2F%3E%3Cpath%20fill%3D%22%2300adee%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.258%2024.56v.962a15.7%2015.7%200%200%201-7.5-1.516l.473-.75a15.26%2015.26%200%200%200%207.027%201.3Z%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%2355a1bf%22%20d%3D%22M27.9%206h-9.8l-2%204H5v17h25V6Zm.1%204h-7.8l1-2H28Z%22%2F%3E%3Cpath%20fill%3D%22%23c6e9fa%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.258%2025.522a15.7%2015.7%200%200%201-7.5-1.516l.473-.75a15.26%2015.26%200%200%200%207.027%201.3c0%20.082.1-1.533.245-2.413H19.1a21.65%2021.65%200%200%201%203.033-9.408h-10.2v15.526h10.716a22%2022%200%200%201-.391-2.739%22%2F%3E%3Cpath%20fill%3D%22%2300adee%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.285%2024.5a10.7%2010.7%200%200%200%204.484-1.3l.587.75a12.8%2012.8%200%200%201-5.071%201.517a13.6%2013.6%200%200%200%20.441%202.8h7.337V12.739h-7.81a19.34%2019.34%200%200%200-2.968%208.381h3.506a15.4%2015.4%200%200%200-.506%203.375Zm-6.717-9.413h.995v2.299h-.995z%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M24.851%2015.087h.994v2.299h-.994z%22%2F%3E%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.285%2024.5a10.7%2010.7%200%200%200%204.484-1.3l.587.75a12.8%2012.8%200%200%201-5.071%201.517a12.3%2012.3%200%200%200%201.354%205.087l-.848.446c-1.549-2.445-1.826-5.739-1.288-8.853H19.1A21.5%2021.5%200%200%201%2024.084%2010l.734.636a19.1%2019.1%200%200%200-4.533%2010.484h3.506a15.4%2015.4%200%200%200-.506%203.375Z%22%2F%3E%3Cpath%20fill%3D%22%2300adee%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.258%2024.56v.962a15.7%2015.7%200%200%201-7.5-1.516l.473-.75a15.26%2015.26%200%200%200%207.027%201.3Z%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-macos.svg?color=%231a73e8&size=48
