folder json logo
folder-json from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- folder-json
- Set
- Material Icon Theme
- Style
- Color
- Viewbox
- 16×16
- License
- MIT
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 json logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#f9a825" 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="#fffde7" d="M12 14v-1h1.5q.213 0 .357-.143q.144-.144.143-.357v-1q0-.475.275-.863q.275-.387.725-.55v-.175q-.45-.162-.725-.55Q14 8.976 14 8.5v-1q0-.213-.143-.356Q13.713 7 13.5 7H12V6h1.5q.625 0 1.063.438Q15 6.875 15 7.5v1q0 .213.143.356q.144.143.357.144h.5v2h-.5q-.213 0-.357.143q-.144.144-.143.357v1q0 .625-.437 1.063Q14.125 14 13.5 14Zm-3.5 0q-.625 0-1.062-.437Q7 13.125 7 12.5v-1q0-.213-.144-.357Q6.714 11 6.5 11H6V9h.5q.213 0 .356-.143Q7 8.713 7 8.5v-1q0-.625.438-1.062Q7.875 6 8.5 6H10v1H8.5q-.213 0-.357.144Q8 7.287 8 7.5v1q0 .475-.275.863q-.275.387-.725.55v.174q.45.163.725.55q.275.388.275.863v1q0 .213.143.357q.144.144.357.143H10v1z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeFolderJson(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#f9a825" 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="#fffde7" d="M12 14v-1h1.5q.213 0 .357-.143q.144-.144.143-.357v-1q0-.475.275-.863q.275-.387.725-.55v-.175q-.45-.162-.725-.55Q14 8.976 14 8.5v-1q0-.213-.143-.356Q13.713 7 13.5 7H12V6h1.5q.625 0 1.063.438Q15 6.875 15 7.5v1q0 .213.143.356q.144.143.357.144h.5v2h-.5q-.213 0-.357.143q-.144.144-.143.357v1q0 .625-.437 1.063Q14.125 14 13.5 14Zm-3.5 0q-.625 0-1.062-.437Q7 13.125 7 12.5v-1q0-.213-.144-.357Q6.714 11 6.5 11H6V9h.5q.213 0 .356-.143Q7 8.713 7 8.5v-1q0-.625.438-1.062Q7.875 6 8.5 6H10v1H8.5q-.213 0-.357.144Q8 7.287 8 7.5v1q0 .475-.275.863q-.275.387-.725.55v.174q.45.163.725.55q.275.388.275.863v1q0 .213.143.357q.144.144.357.143H10v1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#f9a825" 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="#fffde7" d="M12 14v-1h1.5q.213 0 .357-.143q.144-.144.143-.357v-1q0-.475.275-.863q.275-.387.725-.55v-.175q-.45-.162-.725-.55Q14 8.976 14 8.5v-1q0-.213-.143-.356Q13.713 7 13.5 7H12V6h1.5q.625 0 1.063.438Q15 6.875 15 7.5v1q0 .213.143.356q.144.143.357.144h.5v2h-.5q-.213 0-.357.143q-.144.144-.143.357v1q0 .625-.437 1.063Q14.125 14 13.5 14Zm-3.5 0q-.625 0-1.062-.437Q7 13.125 7 12.5v-1q0-.213-.144-.357Q6.714 11 6.5 11H6V9h.5q.213 0 .356-.143Q7 8.713 7 8.5v-1q0-.625.438-1.062Q7.875 6 8.5 6H10v1H8.5q-.213 0-.357.144Q8 7.287 8 7.5v1q0 .475-.275.863q-.275.387-.725.55v.174q.45.163.725.55q.275.388.275.863v1q0 .213.143.357q.144.144.357.143H10v1z"/></svg> </template>
CSS
.icon-folder-json {
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%23f9a825%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%23fffde7%22%20d%3D%22M12%2014v-1h1.5q.213%200%20.357-.143q.144-.144.143-.357v-1q0-.475.275-.863q.275-.387.725-.55v-.175q-.45-.162-.725-.55Q14%208.976%2014%208.5v-1q0-.213-.143-.356Q13.713%207%2013.5%207H12V6h1.5q.625%200%201.063.438Q15%206.875%2015%207.5v1q0%20.213.143.356q.144.143.357.144h.5v2h-.5q-.213%200-.357.143q-.144.144-.143.357v1q0%20.625-.437%201.063Q14.125%2014%2013.5%2014Zm-3.5%200q-.625%200-1.062-.437Q7%2013.125%207%2012.5v-1q0-.213-.144-.357Q6.714%2011%206.5%2011H6V9h.5q.213%200%20.356-.143Q7%208.713%207%208.5v-1q0-.625.438-1.062Q7.875%206%208.5%206H10v1H8.5q-.213%200-.357.144Q8%207.287%208%207.5v1q0%20.475-.275.863q-.275.387-.725.55v.174q.45.163.725.55q.275.388.275.863v1q0%20.213.143.357q.144.144.357.143H10v1z%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%23f9a825%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%23fffde7%22%20d%3D%22M12%2014v-1h1.5q.213%200%20.357-.143q.144-.144.143-.357v-1q0-.475.275-.863q.275-.387.725-.55v-.175q-.45-.162-.725-.55Q14%208.976%2014%208.5v-1q0-.213-.143-.356Q13.713%207%2013.5%207H12V6h1.5q.625%200%201.063.438Q15%206.875%2015%207.5v1q0%20.213.143.356q.144.143.357.144h.5v2h-.5q-.213%200-.357.143q-.144.144-.143.357v1q0%20.625-.437%201.063Q14.125%2014%2013.5%2014Zm-3.5%200q-.625%200-1.062-.437Q7%2013.125%207%2012.5v-1q0-.213-.144-.357Q6.714%2011%206.5%2011H6V9h.5q.213%200%20.356-.143Q7%208.713%207%208.5v-1q0-.625.438-1.062Q7.875%206%208.5%206H10v1H8.5q-.213%200-.357.144Q8%207.287%208%207.5v1q0%20.475-.275.863q-.275.387-.725.55v.174q.45.163.725.55q.275.388.275.863v1q0%20.213.143.357q.144.144.357.143H10v1z%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-json.svg?color=%231a73e8&size=48
