folder firebase logo
folder-firebase from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.
- Name
- folder-firebase
- 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 firebase logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#ff9100" 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="#ffe0b2" d="M12 4s-1.875 1.824-1.994 3.787c-.743-.036-1.425.142-1.485.207l-.001.002c-.038.06-.514.869-.52 2c-.003.597.17 1.42.5 1.997C9.705 14.1 11.986 14 11.998 14H12s3.678.084 4-4.003C16.031 7.136 12 4 12 4m0 1.248s3.038 2.559 3 4.748c-.025 1.473-.478 1.925-1 2.492c0 0-.542-.147-1.166-.577c.103-.274.169-.581.166-.917c-.01-1.392-.996-2.565-2-2.998c.072-1.552 1-2.748 1-2.748m-1.97 3.42c.13 1.537.692 2.626 1.556 3.548a6 6 0 0 1-.586.525c-.002 0-2.959-1.296-1.75-3.995c.14-.037.445-.09.78-.078m1.019.373c.484.47 1.011 1.258.951 1.953l-.012.158a4.1 4.1 0 0 1-.94-2.111"/></svg>
React
import type { SVGProps } from "react";
export function MaterialIconThemeFolderFirebase(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#ff9100" 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="#ffe0b2" d="M12 4s-1.875 1.824-1.994 3.787c-.743-.036-1.425.142-1.485.207l-.001.002c-.038.06-.514.869-.52 2c-.003.597.17 1.42.5 1.997C9.705 14.1 11.986 14 11.998 14H12s3.678.084 4-4.003C16.031 7.136 12 4 12 4m0 1.248s3.038 2.559 3 4.748c-.025 1.473-.478 1.925-1 2.492c0 0-.542-.147-1.166-.577c.103-.274.169-.581.166-.917c-.01-1.392-.996-2.565-2-2.998c.072-1.552 1-2.748 1-2.748m-1.97 3.42c.13 1.537.692 2.626 1.556 3.548a6 6 0 0 1-.586.525c-.002 0-2.959-1.296-1.75-3.995c.14-.037.445-.09.78-.078m1.019.373c.484.47 1.011 1.258.951 1.953l-.012.158a4.1 4.1 0 0 1-.94-2.111"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="#ff9100" 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="#ffe0b2" d="M12 4s-1.875 1.824-1.994 3.787c-.743-.036-1.425.142-1.485.207l-.001.002c-.038.06-.514.869-.52 2c-.003.597.17 1.42.5 1.997C9.705 14.1 11.986 14 11.998 14H12s3.678.084 4-4.003C16.031 7.136 12 4 12 4m0 1.248s3.038 2.559 3 4.748c-.025 1.473-.478 1.925-1 2.492c0 0-.542-.147-1.166-.577c.103-.274.169-.581.166-.917c-.01-1.392-.996-2.565-2-2.998c.072-1.552 1-2.748 1-2.748m-1.97 3.42c.13 1.537.692 2.626 1.556 3.548a6 6 0 0 1-.586.525c-.002 0-2.959-1.296-1.75-3.995c.14-.037.445-.09.78-.078m1.019.373c.484.47 1.011 1.258.951 1.953l-.012.158a4.1 4.1 0 0 1-.94-2.111"/></svg> </template>
CSS
.icon-folder-firebase {
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%23ff9100%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%23ffe0b2%22%20d%3D%22M12%204s-1.875%201.824-1.994%203.787c-.743-.036-1.425.142-1.485.207l-.001.002c-.038.06-.514.869-.52%202c-.003.597.17%201.42.5%201.997C9.705%2014.1%2011.986%2014%2011.998%2014H12s3.678.084%204-4.003C16.031%207.136%2012%204%2012%204m0%201.248s3.038%202.559%203%204.748c-.025%201.473-.478%201.925-1%202.492c0%200-.542-.147-1.166-.577c.103-.274.169-.581.166-.917c-.01-1.392-.996-2.565-2-2.998c.072-1.552%201-2.748%201-2.748m-1.97%203.42c.13%201.537.692%202.626%201.556%203.548a6%206%200%200%201-.586.525c-.002%200-2.959-1.296-1.75-3.995c.14-.037.445-.09.78-.078m1.019.373c.484.47%201.011%201.258.951%201.953l-.012.158a4.1%204.1%200%200%201-.94-2.111%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%23ff9100%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%23ffe0b2%22%20d%3D%22M12%204s-1.875%201.824-1.994%203.787c-.743-.036-1.425.142-1.485.207l-.001.002c-.038.06-.514.869-.52%202c-.003.597.17%201.42.5%201.997C9.705%2014.1%2011.986%2014%2011.998%2014H12s3.678.084%204-4.003C16.031%207.136%2012%204%2012%204m0%201.248s3.038%202.559%203%204.748c-.025%201.473-.478%201.925-1%202.492c0%200-.542-.147-1.166-.577c.103-.274.169-.581.166-.917c-.01-1.392-.996-2.565-2-2.998c.072-1.552%201-2.748%201-2.748m-1.97%203.42c.13%201.537.692%202.626%201.556%203.548a6%206%200%200%201-.586.525c-.002%200-2.959-1.296-1.75-3.995c.14-.037.445-.09.78-.078m1.019.373c.484.47%201.011%201.258.951%201.953l-.012.158a4.1%204.1%200%200%201-.94-2.111%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-firebase.svg?color=%231a73e8&size=48
