folder type hook logo
folder-type-hook from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- folder-type-hook
- 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 hook logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#c09553" 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="#61dbfb" d="M22.364 15.607c.463.77 1.395 1.172 1.934 1.357l.116.042c.156 4.532.117 5.029-.116 5.966c-.35 1.404-1.427 3.248-3.558 3.217c-2.13-.03-2.248-1.47-2.403-2.397s.008-3.05 0-3.1c-.015-.108.57.026 1.3 0q.782-.027 1.375 0q-2.01-2.271-2.157-2.417c-.006-.006-1.084-.856-2.55-2.548a63 63 0 0 0 0 2.661c.015.863-.036 3.071 0 4.408s.227 3.647 1.055 4.394c.827.746 1.285 1.236 3.652 1.303s3.747-1.661 4.438-2.303c.692-.643 1.186-2.212 1.279-3.218q.049-.537.024-5.516q-.012.476-.024-.45q.253-.105.282-.115c1-.401 1.174-.777 1.626-1.284c.453-.507.704-3.168 0-4.021c-.704-.854-.954-1.077-1.908-1.313s-1.741-.134-2.43 0s-1.371.658-1.935 1.313s-.465 3.25 0 4.02m2.214-.173c-.739-.366-1.177-1.186-1.063-1.979c.097-.646.49-1.19 1.063-1.474c.481-.239.955-.27 1.463-.104c.89.288 1.455 1.231 1.294 2.144c-.231 1.282-1.602 1.982-2.756 1.412"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFolderTypeHook(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#c09553" 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="#61dbfb" d="M22.364 15.607c.463.77 1.395 1.172 1.934 1.357l.116.042c.156 4.532.117 5.029-.116 5.966c-.35 1.404-1.427 3.248-3.558 3.217c-2.13-.03-2.248-1.47-2.403-2.397s.008-3.05 0-3.1c-.015-.108.57.026 1.3 0q.782-.027 1.375 0q-2.01-2.271-2.157-2.417c-.006-.006-1.084-.856-2.55-2.548a63 63 0 0 0 0 2.661c.015.863-.036 3.071 0 4.408s.227 3.647 1.055 4.394c.827.746 1.285 1.236 3.652 1.303s3.747-1.661 4.438-2.303c.692-.643 1.186-2.212 1.279-3.218q.049-.537.024-5.516q-.012.476-.024-.45q.253-.105.282-.115c1-.401 1.174-.777 1.626-1.284c.453-.507.704-3.168 0-4.021c-.704-.854-.954-1.077-1.908-1.313s-1.741-.134-2.43 0s-1.371.658-1.935 1.313s-.465 3.25 0 4.02m2.214-.173c-.739-.366-1.177-1.186-1.063-1.979c.097-.646.49-1.19 1.063-1.474c.481-.239.955-.27 1.463-.104c.89.288 1.455 1.231 1.294 2.144c-.231 1.282-1.602 1.982-2.756 1.412"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#c09553" 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="#61dbfb" d="M22.364 15.607c.463.77 1.395 1.172 1.934 1.357l.116.042c.156 4.532.117 5.029-.116 5.966c-.35 1.404-1.427 3.248-3.558 3.217c-2.13-.03-2.248-1.47-2.403-2.397s.008-3.05 0-3.1c-.015-.108.57.026 1.3 0q.782-.027 1.375 0q-2.01-2.271-2.157-2.417c-.006-.006-1.084-.856-2.55-2.548a63 63 0 0 0 0 2.661c.015.863-.036 3.071 0 4.408s.227 3.647 1.055 4.394c.827.746 1.285 1.236 3.652 1.303s3.747-1.661 4.438-2.303c.692-.643 1.186-2.212 1.279-3.218q.049-.537.024-5.516q-.012.476-.024-.45q.253-.105.282-.115c1-.401 1.174-.777 1.626-1.284c.453-.507.704-3.168 0-4.021c-.704-.854-.954-1.077-1.908-1.313s-1.741-.134-2.43 0s-1.371.658-1.935 1.313s-.465 3.25 0 4.02m2.214-.173c-.739-.366-1.177-1.186-1.063-1.979c.097-.646.49-1.19 1.063-1.474c.481-.239.955-.27 1.463-.104c.89.288 1.455 1.231 1.294 2.144c-.231 1.282-1.602 1.982-2.756 1.412"/></svg> </template>
CSS
.icon-folder-type-hook {
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%23c09553%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%2361dbfb%22%20d%3D%22M22.364%2015.607c.463.77%201.395%201.172%201.934%201.357l.116.042c.156%204.532.117%205.029-.116%205.966c-.35%201.404-1.427%203.248-3.558%203.217c-2.13-.03-2.248-1.47-2.403-2.397s.008-3.05%200-3.1c-.015-.108.57.026%201.3%200q.782-.027%201.375%200q-2.01-2.271-2.157-2.417c-.006-.006-1.084-.856-2.55-2.548a63%2063%200%200%200%200%202.661c.015.863-.036%203.071%200%204.408s.227%203.647%201.055%204.394c.827.746%201.285%201.236%203.652%201.303s3.747-1.661%204.438-2.303c.692-.643%201.186-2.212%201.279-3.218q.049-.537.024-5.516q-.012.476-.024-.45q.253-.105.282-.115c1-.401%201.174-.777%201.626-1.284c.453-.507.704-3.168%200-4.021c-.704-.854-.954-1.077-1.908-1.313s-1.741-.134-2.43%200s-1.371.658-1.935%201.313s-.465%203.25%200%204.02m2.214-.173c-.739-.366-1.177-1.186-1.063-1.979c.097-.646.49-1.19%201.063-1.474c.481-.239.955-.27%201.463-.104c.89.288%201.455%201.231%201.294%202.144c-.231%201.282-1.602%201.982-2.756%201.412%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%23c09553%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%2361dbfb%22%20d%3D%22M22.364%2015.607c.463.77%201.395%201.172%201.934%201.357l.116.042c.156%204.532.117%205.029-.116%205.966c-.35%201.404-1.427%203.248-3.558%203.217c-2.13-.03-2.248-1.47-2.403-2.397s.008-3.05%200-3.1c-.015-.108.57.026%201.3%200q.782-.027%201.375%200q-2.01-2.271-2.157-2.417c-.006-.006-1.084-.856-2.55-2.548a63%2063%200%200%200%200%202.661c.015.863-.036%203.071%200%204.408s.227%203.647%201.055%204.394c.827.746%201.285%201.236%203.652%201.303s3.747-1.661%204.438-2.303c.692-.643%201.186-2.212%201.279-3.218q.049-.537.024-5.516q-.012.476-.024-.45q.253-.105.282-.115c1-.401%201.174-.777%201.626-1.284c.453-.507.704-3.168%200-4.021c-.704-.854-.954-1.077-1.908-1.313s-1.741-.134-2.43%200s-1.371.658-1.935%201.313s-.465%203.25%200%204.02m2.214-.173c-.739-.366-1.177-1.186-1.063-1.979c.097-.646.49-1.19%201.063-1.474c.481-.239.955-.27%201.463-.104c.89.288%201.455%201.231%201.294%202.144c-.231%201.282-1.602%201.982-2.756%201.412%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-hook.svg?color=%231a73e8&size=48
