folder type package logo
folder-type-package from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- folder-type-package
- 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 package logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#c1a153" 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="#f2e6c9" d="M12.78 10.008c1.689-.016 3.381 0 5.071-.006c-.4 1.726-.786 3.456-1.184 5.183H8.952c-.244 0-.488.008-.732-.01c1.515-1.727 3.047-3.439 4.56-5.167M21.358 10h5.056c1.518 1.727 3.052 3.441 4.566 5.172c-.974.021-1.95 0-2.925.009h-5.524c-.384-1.726-.793-3.449-1.173-5.181"/><path fill="#efc75e" d="M17.85 10h3.508c.379 1.73.788 3.453 1.174 5.181h-5.866c.399-1.723.784-3.453 1.184-5.181"/><path fill="#e7bf55" d="M8.219 15.174c.244.018.488.009.732.01h7.715q-.002 2.738.006 5.475a2 2 0 0 0 .208.015h5.482q.081-.002.163-.011c.016-1.826 0-3.654.007-5.48h5.524c.975-.005 1.951.012 2.925-.009v15.824L8.22 31q-.003-7.914-.001-15.826"/><path fill="#dbb551" d="M16.666 15.185h5.866c-.007 1.826.009 3.654-.007 5.48a2 2 0 0 1-.163.011H16.88a2 2 0 0 1-.208-.015c-.01-1.826-.002-3.652-.006-5.476"/><path fill="#f2f2f2" d="M9.881 25.85h7.617v2.933H9.881z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFolderTypePackage(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#c1a153" 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="#f2e6c9" d="M12.78 10.008c1.689-.016 3.381 0 5.071-.006c-.4 1.726-.786 3.456-1.184 5.183H8.952c-.244 0-.488.008-.732-.01c1.515-1.727 3.047-3.439 4.56-5.167M21.358 10h5.056c1.518 1.727 3.052 3.441 4.566 5.172c-.974.021-1.95 0-2.925.009h-5.524c-.384-1.726-.793-3.449-1.173-5.181"/><path fill="#efc75e" d="M17.85 10h3.508c.379 1.73.788 3.453 1.174 5.181h-5.866c.399-1.723.784-3.453 1.184-5.181"/><path fill="#e7bf55" d="M8.219 15.174c.244.018.488.009.732.01h7.715q-.002 2.738.006 5.475a2 2 0 0 0 .208.015h5.482q.081-.002.163-.011c.016-1.826 0-3.654.007-5.48h5.524c.975-.005 1.951.012 2.925-.009v15.824L8.22 31q-.003-7.914-.001-15.826"/><path fill="#dbb551" d="M16.666 15.185h5.866c-.007 1.826.009 3.654-.007 5.48a2 2 0 0 1-.163.011H16.88a2 2 0 0 1-.208-.015c-.01-1.826-.002-3.652-.006-5.476"/><path fill="#f2f2f2" d="M9.881 25.85h7.617v2.933H9.881z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#c1a153" 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="#f2e6c9" d="M12.78 10.008c1.689-.016 3.381 0 5.071-.006c-.4 1.726-.786 3.456-1.184 5.183H8.952c-.244 0-.488.008-.732-.01c1.515-1.727 3.047-3.439 4.56-5.167M21.358 10h5.056c1.518 1.727 3.052 3.441 4.566 5.172c-.974.021-1.95 0-2.925.009h-5.524c-.384-1.726-.793-3.449-1.173-5.181"/><path fill="#efc75e" d="M17.85 10h3.508c.379 1.73.788 3.453 1.174 5.181h-5.866c.399-1.723.784-3.453 1.184-5.181"/><path fill="#e7bf55" d="M8.219 15.174c.244.018.488.009.732.01h7.715q-.002 2.738.006 5.475a2 2 0 0 0 .208.015h5.482q.081-.002.163-.011c.016-1.826 0-3.654.007-5.48h5.524c.975-.005 1.951.012 2.925-.009v15.824L8.22 31q-.003-7.914-.001-15.826"/><path fill="#dbb551" d="M16.666 15.185h5.866c-.007 1.826.009 3.654-.007 5.48a2 2 0 0 1-.163.011H16.88a2 2 0 0 1-.208-.015c-.01-1.826-.002-3.652-.006-5.476"/><path fill="#f2f2f2" d="M9.881 25.85h7.617v2.933H9.881z"/></svg> </template>
CSS
.icon-folder-type-package {
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%23c1a153%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%23f2e6c9%22%20d%3D%22M12.78%2010.008c1.689-.016%203.381%200%205.071-.006c-.4%201.726-.786%203.456-1.184%205.183H8.952c-.244%200-.488.008-.732-.01c1.515-1.727%203.047-3.439%204.56-5.167M21.358%2010h5.056c1.518%201.727%203.052%203.441%204.566%205.172c-.974.021-1.95%200-2.925.009h-5.524c-.384-1.726-.793-3.449-1.173-5.181%22%2F%3E%3Cpath%20fill%3D%22%23efc75e%22%20d%3D%22M17.85%2010h3.508c.379%201.73.788%203.453%201.174%205.181h-5.866c.399-1.723.784-3.453%201.184-5.181%22%2F%3E%3Cpath%20fill%3D%22%23e7bf55%22%20d%3D%22M8.219%2015.174c.244.018.488.009.732.01h7.715q-.002%202.738.006%205.475a2%202%200%200%200%20.208.015h5.482q.081-.002.163-.011c.016-1.826%200-3.654.007-5.48h5.524c.975-.005%201.951.012%202.925-.009v15.824L8.22%2031q-.003-7.914-.001-15.826%22%2F%3E%3Cpath%20fill%3D%22%23dbb551%22%20d%3D%22M16.666%2015.185h5.866c-.007%201.826.009%203.654-.007%205.48a2%202%200%200%201-.163.011H16.88a2%202%200%200%201-.208-.015c-.01-1.826-.002-3.652-.006-5.476%22%2F%3E%3Cpath%20fill%3D%22%23f2f2f2%22%20d%3D%22M9.881%2025.85h7.617v2.933H9.881z%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%23c1a153%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%23f2e6c9%22%20d%3D%22M12.78%2010.008c1.689-.016%203.381%200%205.071-.006c-.4%201.726-.786%203.456-1.184%205.183H8.952c-.244%200-.488.008-.732-.01c1.515-1.727%203.047-3.439%204.56-5.167M21.358%2010h5.056c1.518%201.727%203.052%203.441%204.566%205.172c-.974.021-1.95%200-2.925.009h-5.524c-.384-1.726-.793-3.449-1.173-5.181%22%2F%3E%3Cpath%20fill%3D%22%23efc75e%22%20d%3D%22M17.85%2010h3.508c.379%201.73.788%203.453%201.174%205.181h-5.866c.399-1.723.784-3.453%201.184-5.181%22%2F%3E%3Cpath%20fill%3D%22%23e7bf55%22%20d%3D%22M8.219%2015.174c.244.018.488.009.732.01h7.715q-.002%202.738.006%205.475a2%202%200%200%200%20.208.015h5.482q.081-.002.163-.011c.016-1.826%200-3.654.007-5.48h5.524c.975-.005%201.951.012%202.925-.009v15.824L8.22%2031q-.003-7.914-.001-15.826%22%2F%3E%3Cpath%20fill%3D%22%23dbb551%22%20d%3D%22M16.666%2015.185h5.866c-.007%201.826.009%203.654-.007%205.48a2%202%200%200%201-.163.011H16.88a2%202%200%200%201-.208-.015c-.01-1.826-.002-3.652-.006-5.476%22%2F%3E%3Cpath%20fill%3D%22%23f2f2f2%22%20d%3D%22M9.881%2025.85h7.617v2.933H9.881z%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-package.svg?color=%231a73e8&size=48
