folder yarn logo
folder-yarn from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- folder-yarn
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 16×16
- License
- MIT
The same logo in other sets
Related icons in Material Icon Theme
folder-adminfolder-admin-openfolder-androidfolder-android-openfolder-angularfolder-angular-openfolder-animationfolder-animation-openfolder-ansiblefolder-ansible-openfolder-apifolder-api-openfolder-apollofolder-apollo-openfolder-appfolder-app-openfolder-appwritefolder-appwrite-openfolder-archivefolder-archive-openfolder-assemblyfolder-assembly-openfolder-astrofolder-astro-open
Use the folder yarn logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#0288d1" d="m6.922 3.768l-.644-.536A1 1 0 0 0 5.638 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H7.562a1 1 0 0 1-.64-.232"/><path fill="#b3e5fc" d="M11.492 4c-.34.01-.668 1.049-.668 1.049a1.79 1.79 0 0 0-1.523.607a1.25 1.25 0 0 1-.502.305c-.054.02-.119.015-.28.467c-.25.692.42 1.457.42 1.457A3.7 3.7 0 0 0 7.846 9.19a3.4 3.4 0 0 0-.229 1.573a1.96 1.96 0 0 0-.61 1.039a1.8 1.8 0 0 0 .231 1.054l.002.006a.25.25 0 0 0 .34.116s-.377.455-.025.648a1.02 1.02 0 0 0 1.15-.027c.208-.216.25-.695.328-.891l.002-.004v-.002l.002-.002l.002-.002h.01l.005.004c.029.022.075.1.118.145a1.3 1.3 0 0 0 .18.134l-.01.004a.57.57 0 0 0-.291.737c.069.17.314.28.716.277a20.997 21 0 0 0 2.229-.207a.55.55 0 0 0 .34-.197a8 8 0 0 0 2.019-.942a3.6 3.6 0 0 1 1.367-.65a.387.387 0 0 0 .271-.445a.375.375 0 0 0-.437-.311a2.9 2.9 0 0 0-1.477.574a2.2 2.2 0 0 1-1.171.467l-.012-.021a4.2 4.2 0 0 0-.09-1.862a3.95 3.95 0 0 0-.904-1.388a5.05 5.05 0 0 0 .896-1.932a4.2 4.2 0 0 0-.18-2.191c-.05-.1-.492.168-.492.168a6.7 6.7 0 0 0-.53-1.032a.17.17 0 0 0-.104-.031"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeFolderYarn(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#0288d1" d="m6.922 3.768l-.644-.536A1 1 0 0 0 5.638 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H7.562a1 1 0 0 1-.64-.232"/><path fill="#b3e5fc" d="M11.492 4c-.34.01-.668 1.049-.668 1.049a1.79 1.79 0 0 0-1.523.607a1.25 1.25 0 0 1-.502.305c-.054.02-.119.015-.28.467c-.25.692.42 1.457.42 1.457A3.7 3.7 0 0 0 7.846 9.19a3.4 3.4 0 0 0-.229 1.573a1.96 1.96 0 0 0-.61 1.039a1.8 1.8 0 0 0 .231 1.054l.002.006a.25.25 0 0 0 .34.116s-.377.455-.025.648a1.02 1.02 0 0 0 1.15-.027c.208-.216.25-.695.328-.891l.002-.004v-.002l.002-.002l.002-.002h.01l.005.004c.029.022.075.1.118.145a1.3 1.3 0 0 0 .18.134l-.01.004a.57.57 0 0 0-.291.737c.069.17.314.28.716.277a20.997 21 0 0 0 2.229-.207a.55.55 0 0 0 .34-.197a8 8 0 0 0 2.019-.942a3.6 3.6 0 0 1 1.367-.65a.387.387 0 0 0 .271-.445a.375.375 0 0 0-.437-.311a2.9 2.9 0 0 0-1.477.574a2.2 2.2 0 0 1-1.171.467l-.012-.021a4.2 4.2 0 0 0-.09-1.862a3.95 3.95 0 0 0-.904-1.388a5.05 5.05 0 0 0 .896-1.932a4.2 4.2 0 0 0-.18-2.191c-.05-.1-.492.168-.492.168a6.7 6.7 0 0 0-.53-1.032a.17.17 0 0 0-.104-.031"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#0288d1" d="m6.922 3.768l-.644-.536A1 1 0 0 0 5.638 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H7.562a1 1 0 0 1-.64-.232"/><path fill="#b3e5fc" d="M11.492 4c-.34.01-.668 1.049-.668 1.049a1.79 1.79 0 0 0-1.523.607a1.25 1.25 0 0 1-.502.305c-.054.02-.119.015-.28.467c-.25.692.42 1.457.42 1.457A3.7 3.7 0 0 0 7.846 9.19a3.4 3.4 0 0 0-.229 1.573a1.96 1.96 0 0 0-.61 1.039a1.8 1.8 0 0 0 .231 1.054l.002.006a.25.25 0 0 0 .34.116s-.377.455-.025.648a1.02 1.02 0 0 0 1.15-.027c.208-.216.25-.695.328-.891l.002-.004v-.002l.002-.002l.002-.002h.01l.005.004c.029.022.075.1.118.145a1.3 1.3 0 0 0 .18.134l-.01.004a.57.57 0 0 0-.291.737c.069.17.314.28.716.277a20.997 21 0 0 0 2.229-.207a.55.55 0 0 0 .34-.197a8 8 0 0 0 2.019-.942a3.6 3.6 0 0 1 1.367-.65a.387.387 0 0 0 .271-.445a.375.375 0 0 0-.437-.311a2.9 2.9 0 0 0-1.477.574a2.2 2.2 0 0 1-1.171.467l-.012-.021a4.2 4.2 0 0 0-.09-1.862a3.95 3.95 0 0 0-.904-1.388a5.05 5.05 0 0 0 .896-1.932a4.2 4.2 0 0 0-.18-2.191c-.05-.1-.492.168-.492.168a6.7 6.7 0 0 0-.53-1.032a.17.17 0 0 0-.104-.031"/></svg> </template>
CSS
.icon-folder-yarn {
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%2016%2016%22%3E%3Cpath%20fill%3D%22%230288d1%22%20d%3D%22m6.922%203.768l-.644-.536A1%201%200%200%200%205.638%203H2a1%201%200%200%200-1%201v8a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1V5a1%201%200%200%200-1-1H7.562a1%201%200%200%201-.64-.232%22%2F%3E%3Cpath%20fill%3D%22%23b3e5fc%22%20d%3D%22M11.492%204c-.34.01-.668%201.049-.668%201.049a1.79%201.79%200%200%200-1.523.607a1.25%201.25%200%200%201-.502.305c-.054.02-.119.015-.28.467c-.25.692.42%201.457.42%201.457A3.7%203.7%200%200%200%207.846%209.19a3.4%203.4%200%200%200-.229%201.573a1.96%201.96%200%200%200-.61%201.039a1.8%201.8%200%200%200%20.231%201.054l.002.006a.25.25%200%200%200%20.34.116s-.377.455-.025.648a1.02%201.02%200%200%200%201.15-.027c.208-.216.25-.695.328-.891l.002-.004v-.002l.002-.002l.002-.002h.01l.005.004c.029.022.075.1.118.145a1.3%201.3%200%200%200%20.18.134l-.01.004a.57.57%200%200%200-.291.737c.069.17.314.28.716.277a20.997%2021%200%200%200%202.229-.207a.55.55%200%200%200%20.34-.197a8%208%200%200%200%202.019-.942a3.6%203.6%200%200%201%201.367-.65a.387.387%200%200%200%20.271-.445a.375.375%200%200%200-.437-.311a2.9%202.9%200%200%200-1.477.574a2.2%202.2%200%200%201-1.171.467l-.012-.021a4.2%204.2%200%200%200-.09-1.862a3.95%203.95%200%200%200-.904-1.388a5.05%205.05%200%200%200%20.896-1.932a4.2%204.2%200%200%200-.18-2.191c-.05-.1-.492.168-.492.168a6.7%206.7%200%200%200-.53-1.032a.17.17%200%200%200-.104-.031%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%2016%2016%22%3E%3Cpath%20fill%3D%22%230288d1%22%20d%3D%22m6.922%203.768l-.644-.536A1%201%200%200%200%205.638%203H2a1%201%200%200%200-1%201v8a1%201%200%200%200%201%201h12a1%201%200%200%200%201-1V5a1%201%200%200%200-1-1H7.562a1%201%200%200%201-.64-.232%22%2F%3E%3Cpath%20fill%3D%22%23b3e5fc%22%20d%3D%22M11.492%204c-.34.01-.668%201.049-.668%201.049a1.79%201.79%200%200%200-1.523.607a1.25%201.25%200%200%201-.502.305c-.054.02-.119.015-.28.467c-.25.692.42%201.457.42%201.457A3.7%203.7%200%200%200%207.846%209.19a3.4%203.4%200%200%200-.229%201.573a1.96%201.96%200%200%200-.61%201.039a1.8%201.8%200%200%200%20.231%201.054l.002.006a.25.25%200%200%200%20.34.116s-.377.455-.025.648a1.02%201.02%200%200%200%201.15-.027c.208-.216.25-.695.328-.891l.002-.004v-.002l.002-.002l.002-.002h.01l.005.004c.029.022.075.1.118.145a1.3%201.3%200%200%200%20.18.134l-.01.004a.57.57%200%200%200-.291.737c.069.17.314.28.716.277a20.997%2021%200%200%200%202.229-.207a.55.55%200%200%200%20.34-.197a8%208%200%200%200%202.019-.942a3.6%203.6%200%200%201%201.367-.65a.387.387%200%200%200%20.271-.445a.375.375%200%200%200-.437-.311a2.9%202.9%200%200%200-1.477.574a2.2%202.2%200%200%201-1.171.467l-.012-.021a4.2%204.2%200%200%200-.09-1.862a3.95%203.95%200%200%200-.904-1.388a5.05%205.05%200%200%200%20.896-1.932a4.2%204.2%200%200%200-.18-2.191c-.05-.1-.492.168-.492.168a6.7%206.7%200%200%200-.53-1.032a.17.17%200%200%200-.104-.031%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/folder-yarn.svg?color=%231a73e8&size=48
