folder type kiro logo
folder-type-kiro from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- folder-type-kiro
- 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 kiro logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#7f53c0" d="M27.67 3.2h-9.2l-2.1 4.2H4.57v16.8h25.2v-21zm0 4.2h-8.2l1.1-2.1h7.1z"/><g transform="translate(13.23 10.8)scale(.64286)"><rect width="28" height="28" fill="#9046ff" rx="6.07"/><path fill="#fff" d="M9 19.1c-1.92 4.25 2.17 5.32 5.18 2.83c.89 2.8 4.2.71 5.4-1.45a15 15 0 0 0 1.3-10.63C19 3.02 9.68 3.01 8.08 9.9c-.39 1.2-.4 2.57-.6 4c-.1.71-.19 1.17-.46 1.92c-.16.44-.38.82-.72 1.47c-.54 1-.31 2.95 2.45 1.94z"/><path d="M14.54 12.82c-.76 0-.88-.92-.88-1.46q0-.76.25-1.13a.7.7 0 0 1 .63-.34q.41 0 .66.34q.29.4.29 1.13c0 .91-.36 1.46-.94 1.46zm3.15 0c-.76 0-.88-.92-.88-1.46q0-.76.26-1.13q.22-.34.62-.34c.4 0 .5.12.66.34q.29.4.29 1.13c0 .91-.36 1.46-.94 1.46z"/></g></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFolderTypeKiro(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#7f53c0" d="M27.67 3.2h-9.2l-2.1 4.2H4.57v16.8h25.2v-21zm0 4.2h-8.2l1.1-2.1h7.1z"/><g transform="translate(13.23 10.8)scale(.64286)"><rect width="28" height="28" fill="#9046ff" rx="6.07"/><path fill="#fff" d="M9 19.1c-1.92 4.25 2.17 5.32 5.18 2.83c.89 2.8 4.2.71 5.4-1.45a15 15 0 0 0 1.3-10.63C19 3.02 9.68 3.01 8.08 9.9c-.39 1.2-.4 2.57-.6 4c-.1.71-.19 1.17-.46 1.92c-.16.44-.38.82-.72 1.47c-.54 1-.31 2.95 2.45 1.94z"/><path d="M14.54 12.82c-.76 0-.88-.92-.88-1.46q0-.76.25-1.13a.7.7 0 0 1 .63-.34q.41 0 .66.34q.29.4.29 1.13c0 .91-.36 1.46-.94 1.46zm3.15 0c-.76 0-.88-.92-.88-1.46q0-.76.26-1.13q.22-.34.62-.34c.4 0 .5.12.66.34q.29.4.29 1.13c0 .91-.36 1.46-.94 1.46z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#7f53c0" d="M27.67 3.2h-9.2l-2.1 4.2H4.57v16.8h25.2v-21zm0 4.2h-8.2l1.1-2.1h7.1z"/><g transform="translate(13.23 10.8)scale(.64286)"><rect width="28" height="28" fill="#9046ff" rx="6.07"/><path fill="#fff" d="M9 19.1c-1.92 4.25 2.17 5.32 5.18 2.83c.89 2.8 4.2.71 5.4-1.45a15 15 0 0 0 1.3-10.63C19 3.02 9.68 3.01 8.08 9.9c-.39 1.2-.4 2.57-.6 4c-.1.71-.19 1.17-.46 1.92c-.16.44-.38.82-.72 1.47c-.54 1-.31 2.95 2.45 1.94z"/><path d="M14.54 12.82c-.76 0-.88-.92-.88-1.46q0-.76.25-1.13a.7.7 0 0 1 .63-.34q.41 0 .66.34q.29.4.29 1.13c0 .91-.36 1.46-.94 1.46zm3.15 0c-.76 0-.88-.92-.88-1.46q0-.76.26-1.13q.22-.34.62-.34c.4 0 .5.12.66.34q.29.4.29 1.13c0 .91-.36 1.46-.94 1.46z"/></g></svg> </template>
CSS
.icon-folder-type-kiro {
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%237f53c0%22%20d%3D%22M27.67%203.2h-9.2l-2.1%204.2H4.57v16.8h25.2v-21zm0%204.2h-8.2l1.1-2.1h7.1z%22%2F%3E%3Cg%20transform%3D%22translate(13.23%2010.8)scale(.64286)%22%3E%3Crect%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22%239046ff%22%20rx%3D%226.07%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9%2019.1c-1.92%204.25%202.17%205.32%205.18%202.83c.89%202.8%204.2.71%205.4-1.45a15%2015%200%200%200%201.3-10.63C19%203.02%209.68%203.01%208.08%209.9c-.39%201.2-.4%202.57-.6%204c-.1.71-.19%201.17-.46%201.92c-.16.44-.38.82-.72%201.47c-.54%201-.31%202.95%202.45%201.94z%22%2F%3E%3Cpath%20d%3D%22M14.54%2012.82c-.76%200-.88-.92-.88-1.46q0-.76.25-1.13a.7.7%200%200%201%20.63-.34q.41%200%20.66.34q.29.4.29%201.13c0%20.91-.36%201.46-.94%201.46zm3.15%200c-.76%200-.88-.92-.88-1.46q0-.76.26-1.13q.22-.34.62-.34c.4%200%20.5.12.66.34q.29.4.29%201.13c0%20.91-.36%201.46-.94%201.46z%22%2F%3E%3C%2Fg%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%237f53c0%22%20d%3D%22M27.67%203.2h-9.2l-2.1%204.2H4.57v16.8h25.2v-21zm0%204.2h-8.2l1.1-2.1h7.1z%22%2F%3E%3Cg%20transform%3D%22translate(13.23%2010.8)scale(.64286)%22%3E%3Crect%20width%3D%2228%22%20height%3D%2228%22%20fill%3D%22%239046ff%22%20rx%3D%226.07%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9%2019.1c-1.92%204.25%202.17%205.32%205.18%202.83c.89%202.8%204.2.71%205.4-1.45a15%2015%200%200%200%201.3-10.63C19%203.02%209.68%203.01%208.08%209.9c-.39%201.2-.4%202.57-.6%204c-.1.71-.19%201.17-.46%201.92c-.16.44-.38.82-.72%201.47c-.54%201-.31%202.95%202.45%201.94z%22%2F%3E%3Cpath%20d%3D%22M14.54%2012.82c-.76%200-.88-.92-.88-1.46q0-.76.25-1.13a.7.7%200%200%201%20.63-.34q.41%200%20.66.34q.29.4.29%201.13c0%20.91-.36%201.46-.94%201.46zm3.15%200c-.76%200-.88-.92-.88-1.46q0-.76.26-1.13q.22-.34.62-.34c.4%200%20.5.12.66.34q.29.4.29%201.13c0%20.91-.36%201.46-.94%201.46z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/folder-type-kiro.svg?color=%231a73e8&size=48
