folder react components logo
folder-react-components from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- folder-react-components
- 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 react components logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#00bcd4" 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"/><g fill="#b2ebf2"><path d="M10.5 8.399c2.924 0 4.714 1.037 4.714 1.6s-1.79 1.602-4.714 1.602S5.785 10.564 5.785 10s1.79-1.601 4.715-1.601m0-.8c-3.038 0-5.5 1.075-5.5 2.4s2.462 2.402 5.5 2.402S16 11.326 16 10s-2.463-2.401-5.5-2.401"/><path d="M10.5 9.2a.786.8 0 1 0 .785.8a.786.8 0 0 0-.785-.8"/><path d="M8.322 5.8c.793 0 2.333 1.272 3.538 3.4c1.463 2.58 1.476 4.677.997 4.959a.354.36 0 0 1-.18.04c-.792 0-2.333-1.271-3.538-3.399c-1.463-2.58-1.476-4.677-.997-4.96a.354.36 0 0 1 .18-.04m0-.8a1.128 1.149 0 0 0-.572.147c-1.128.663-.81 3.374.708 6.054C9.748 13.478 11.491 15 12.678 15a1.128 1.149 0 0 0 .572-.148c1.127-.663.81-3.373-.71-6.053C11.25 6.522 9.509 5 8.323 5Z"/><path d="M12.677 5.8a.354.36 0 0 1 .18.04c.48.283.466 2.38-.997 4.96c-1.206 2.128-2.746 3.4-3.538 3.4a.354.36 0 0 1-.18-.04c-.48-.284-.466-2.38.997-4.96c1.206-2.128 2.746-3.4 3.538-3.4m0-.8c-1.186 0-2.929 1.522-4.22 3.8c-1.517 2.68-1.835 5.39-.707 6.052a1.128 1.149 0 0 0 .572.148c1.186 0 2.929-1.523 4.22-3.8c1.517-2.68 1.835-5.39.708-6.052A1.128 1.149 0 0 0 12.677 5"/></g></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeFolderReactComponents(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#00bcd4" 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"/><g fill="#b2ebf2"><path d="M10.5 8.399c2.924 0 4.714 1.037 4.714 1.6s-1.79 1.602-4.714 1.602S5.785 10.564 5.785 10s1.79-1.601 4.715-1.601m0-.8c-3.038 0-5.5 1.075-5.5 2.4s2.462 2.402 5.5 2.402S16 11.326 16 10s-2.463-2.401-5.5-2.401"/><path d="M10.5 9.2a.786.8 0 1 0 .785.8a.786.8 0 0 0-.785-.8"/><path d="M8.322 5.8c.793 0 2.333 1.272 3.538 3.4c1.463 2.58 1.476 4.677.997 4.959a.354.36 0 0 1-.18.04c-.792 0-2.333-1.271-3.538-3.399c-1.463-2.58-1.476-4.677-.997-4.96a.354.36 0 0 1 .18-.04m0-.8a1.128 1.149 0 0 0-.572.147c-1.128.663-.81 3.374.708 6.054C9.748 13.478 11.491 15 12.678 15a1.128 1.149 0 0 0 .572-.148c1.127-.663.81-3.373-.71-6.053C11.25 6.522 9.509 5 8.323 5Z"/><path d="M12.677 5.8a.354.36 0 0 1 .18.04c.48.283.466 2.38-.997 4.96c-1.206 2.128-2.746 3.4-3.538 3.4a.354.36 0 0 1-.18-.04c-.48-.284-.466-2.38.997-4.96c1.206-2.128 2.746-3.4 3.538-3.4m0-.8c-1.186 0-2.929 1.522-4.22 3.8c-1.517 2.68-1.835 5.39-.707 6.052a1.128 1.149 0 0 0 .572.148c1.186 0 2.929-1.523 4.22-3.8c1.517-2.68 1.835-5.39.708-6.052A1.128 1.149 0 0 0 12.677 5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#00bcd4" 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"/><g fill="#b2ebf2"><path d="M10.5 8.399c2.924 0 4.714 1.037 4.714 1.6s-1.79 1.602-4.714 1.602S5.785 10.564 5.785 10s1.79-1.601 4.715-1.601m0-.8c-3.038 0-5.5 1.075-5.5 2.4s2.462 2.402 5.5 2.402S16 11.326 16 10s-2.463-2.401-5.5-2.401"/><path d="M10.5 9.2a.786.8 0 1 0 .785.8a.786.8 0 0 0-.785-.8"/><path d="M8.322 5.8c.793 0 2.333 1.272 3.538 3.4c1.463 2.58 1.476 4.677.997 4.959a.354.36 0 0 1-.18.04c-.792 0-2.333-1.271-3.538-3.399c-1.463-2.58-1.476-4.677-.997-4.96a.354.36 0 0 1 .18-.04m0-.8a1.128 1.149 0 0 0-.572.147c-1.128.663-.81 3.374.708 6.054C9.748 13.478 11.491 15 12.678 15a1.128 1.149 0 0 0 .572-.148c1.127-.663.81-3.373-.71-6.053C11.25 6.522 9.509 5 8.323 5Z"/><path d="M12.677 5.8a.354.36 0 0 1 .18.04c.48.283.466 2.38-.997 4.96c-1.206 2.128-2.746 3.4-3.538 3.4a.354.36 0 0 1-.18-.04c-.48-.284-.466-2.38.997-4.96c1.206-2.128 2.746-3.4 3.538-3.4m0-.8c-1.186 0-2.929 1.522-4.22 3.8c-1.517 2.68-1.835 5.39-.707 6.052a1.128 1.149 0 0 0 .572.148c1.186 0 2.929-1.523 4.22-3.8c1.517-2.68 1.835-5.39.708-6.052A1.128 1.149 0 0 0 12.677 5"/></g></svg> </template>
CSS
.icon-folder-react-components {
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%2300bcd4%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%3Cg%20fill%3D%22%23b2ebf2%22%3E%3Cpath%20d%3D%22M10.5%208.399c2.924%200%204.714%201.037%204.714%201.6s-1.79%201.602-4.714%201.602S5.785%2010.564%205.785%2010s1.79-1.601%204.715-1.601m0-.8c-3.038%200-5.5%201.075-5.5%202.4s2.462%202.402%205.5%202.402S16%2011.326%2016%2010s-2.463-2.401-5.5-2.401%22%2F%3E%3Cpath%20d%3D%22M10.5%209.2a.786.8%200%201%200%20.785.8a.786.8%200%200%200-.785-.8%22%2F%3E%3Cpath%20d%3D%22M8.322%205.8c.793%200%202.333%201.272%203.538%203.4c1.463%202.58%201.476%204.677.997%204.959a.354.36%200%200%201-.18.04c-.792%200-2.333-1.271-3.538-3.399c-1.463-2.58-1.476-4.677-.997-4.96a.354.36%200%200%201%20.18-.04m0-.8a1.128%201.149%200%200%200-.572.147c-1.128.663-.81%203.374.708%206.054C9.748%2013.478%2011.491%2015%2012.678%2015a1.128%201.149%200%200%200%20.572-.148c1.127-.663.81-3.373-.71-6.053C11.25%206.522%209.509%205%208.323%205Z%22%2F%3E%3Cpath%20d%3D%22M12.677%205.8a.354.36%200%200%201%20.18.04c.48.283.466%202.38-.997%204.96c-1.206%202.128-2.746%203.4-3.538%203.4a.354.36%200%200%201-.18-.04c-.48-.284-.466-2.38.997-4.96c1.206-2.128%202.746-3.4%203.538-3.4m0-.8c-1.186%200-2.929%201.522-4.22%203.8c-1.517%202.68-1.835%205.39-.707%206.052a1.128%201.149%200%200%200%20.572.148c1.186%200%202.929-1.523%204.22-3.8c1.517-2.68%201.835-5.39.708-6.052A1.128%201.149%200%200%200%2012.677%205%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%2016%2016%22%3E%3Cpath%20fill%3D%22%2300bcd4%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%3Cg%20fill%3D%22%23b2ebf2%22%3E%3Cpath%20d%3D%22M10.5%208.399c2.924%200%204.714%201.037%204.714%201.6s-1.79%201.602-4.714%201.602S5.785%2010.564%205.785%2010s1.79-1.601%204.715-1.601m0-.8c-3.038%200-5.5%201.075-5.5%202.4s2.462%202.402%205.5%202.402S16%2011.326%2016%2010s-2.463-2.401-5.5-2.401%22%2F%3E%3Cpath%20d%3D%22M10.5%209.2a.786.8%200%201%200%20.785.8a.786.8%200%200%200-.785-.8%22%2F%3E%3Cpath%20d%3D%22M8.322%205.8c.793%200%202.333%201.272%203.538%203.4c1.463%202.58%201.476%204.677.997%204.959a.354.36%200%200%201-.18.04c-.792%200-2.333-1.271-3.538-3.399c-1.463-2.58-1.476-4.677-.997-4.96a.354.36%200%200%201%20.18-.04m0-.8a1.128%201.149%200%200%200-.572.147c-1.128.663-.81%203.374.708%206.054C9.748%2013.478%2011.491%2015%2012.678%2015a1.128%201.149%200%200%200%20.572-.148c1.127-.663.81-3.373-.71-6.053C11.25%206.522%209.509%205%208.323%205Z%22%2F%3E%3Cpath%20d%3D%22M12.677%205.8a.354.36%200%200%201%20.18.04c.48.283.466%202.38-.997%204.96c-1.206%202.128-2.746%203.4-3.538%203.4a.354.36%200%200%201-.18-.04c-.48-.284-.466-2.38.997-4.96c1.206-2.128%202.746-3.4%203.538-3.4m0-.8c-1.186%200-2.929%201.522-4.22%203.8c-1.517%202.68-1.835%205.39-.707%206.052a1.128%201.149%200%200%200%20.572.148c1.186%200%202.929-1.523%204.22-3.8c1.517-2.68%201.835-5.39.708-6.052A1.128%201.149%200%200%200%2012.677%205%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/folder-react-components.svg?color=%231a73e8&size=48
