file cabinet emoji
file-cabinet from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- file-cabinet
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the file cabinet emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#000" d="M22.39 30H9.61A2.615 2.615 0 0 1 7 27.384V4.617A2.615 2.615 0 0 1 9.61 2h12.78C23.83 2 25 3.173 25 4.617v22.767A2.615 2.615 0 0 1 22.39 30"/><path fill="#433b6b" d="M9.745 15.5h12.52c.957 0 1.745-.794 1.735-1.76V4.76C24 3.784 23.222 3 22.255 3H9.745C8.778 3 8 3.784 8 4.76v8.98c0 .976.778 1.76 1.745 1.76m0 13.5h12.52c.957 0 1.745-.794 1.735-1.76v-8.98c0-.976-.778-1.76-1.745-1.76H9.745C8.778 16.5 8 17.284 8 18.26v8.98c0 .976.778 1.76 1.745 1.76"/><path fill="#f4f4f4" d="M13.53 8.1h4.9c.44 0 .79-.35.79-.79V5.73c0-.44-.36-.79-.79-.79h-4.9c-.44 0-.79.36-.79.79v1.58c0 .44.36.79.79.79m0 13.42h4.9c.44 0 .79-.35.79-.79v-1.58c0-.44-.36-.79-.79-.79h-4.9c-.44 0-.79.36-.79.79v1.58c0 .44.36.79.79.79"/><path fill="#8d65c5" d="M13.53 4.567c-.649 0-1.163.53-1.163 1.163v1.58c0 .649.53 1.163 1.163 1.163h4.9c.646 0 1.163-.517 1.163-1.163V5.73c0-.649-.53-1.163-1.163-1.163zm-.417 1.163c0-.227.186-.417.417-.417h4.9c.227 0 .417.186.417.417v1.58a.413.413 0 0 1-.417.417h-4.9a.42.42 0 0 1-.417-.417zm-.003 4.45a.75.75 0 0 0 0 1.5h5.72a.75.75 0 0 0 0-1.5zm-.743 8.97c0-.633.514-1.163 1.163-1.163h4.9c.633 0 1.163.514 1.163 1.163v1.58c0 .646-.517 1.163-1.163 1.163h-4.9a1.164 1.164 0 0 1-1.163-1.163zm1.163-.417a.42.42 0 0 0-.417.417v1.58c0 .231.19.417.417.417h4.9a.413.413 0 0 0 .417-.417v-1.58a.42.42 0 0 0-.417-.417zm-.42 4.867a.75.75 0 0 0 0 1.5h5.72a.75.75 0 0 0 0-1.5z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatFileCabinet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#000" d="M22.39 30H9.61A2.615 2.615 0 0 1 7 27.384V4.617A2.615 2.615 0 0 1 9.61 2h12.78C23.83 2 25 3.173 25 4.617v22.767A2.615 2.615 0 0 1 22.39 30"/><path fill="#433b6b" d="M9.745 15.5h12.52c.957 0 1.745-.794 1.735-1.76V4.76C24 3.784 23.222 3 22.255 3H9.745C8.778 3 8 3.784 8 4.76v8.98c0 .976.778 1.76 1.745 1.76m0 13.5h12.52c.957 0 1.745-.794 1.735-1.76v-8.98c0-.976-.778-1.76-1.745-1.76H9.745C8.778 16.5 8 17.284 8 18.26v8.98c0 .976.778 1.76 1.745 1.76"/><path fill="#f4f4f4" d="M13.53 8.1h4.9c.44 0 .79-.35.79-.79V5.73c0-.44-.36-.79-.79-.79h-4.9c-.44 0-.79.36-.79.79v1.58c0 .44.36.79.79.79m0 13.42h4.9c.44 0 .79-.35.79-.79v-1.58c0-.44-.36-.79-.79-.79h-4.9c-.44 0-.79.36-.79.79v1.58c0 .44.36.79.79.79"/><path fill="#8d65c5" d="M13.53 4.567c-.649 0-1.163.53-1.163 1.163v1.58c0 .649.53 1.163 1.163 1.163h4.9c.646 0 1.163-.517 1.163-1.163V5.73c0-.649-.53-1.163-1.163-1.163zm-.417 1.163c0-.227.186-.417.417-.417h4.9c.227 0 .417.186.417.417v1.58a.413.413 0 0 1-.417.417h-4.9a.42.42 0 0 1-.417-.417zm-.003 4.45a.75.75 0 0 0 0 1.5h5.72a.75.75 0 0 0 0-1.5zm-.743 8.97c0-.633.514-1.163 1.163-1.163h4.9c.633 0 1.163.514 1.163 1.163v1.58c0 .646-.517 1.163-1.163 1.163h-4.9a1.164 1.164 0 0 1-1.163-1.163zm1.163-.417a.42.42 0 0 0-.417.417v1.58c0 .231.19.417.417.417h4.9a.413.413 0 0 0 .417-.417v-1.58a.42.42 0 0 0-.417-.417zm-.42 4.867a.75.75 0 0 0 0 1.5h5.72a.75.75 0 0 0 0-1.5z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#000" d="M22.39 30H9.61A2.615 2.615 0 0 1 7 27.384V4.617A2.615 2.615 0 0 1 9.61 2h12.78C23.83 2 25 3.173 25 4.617v22.767A2.615 2.615 0 0 1 22.39 30"/><path fill="#433b6b" d="M9.745 15.5h12.52c.957 0 1.745-.794 1.735-1.76V4.76C24 3.784 23.222 3 22.255 3H9.745C8.778 3 8 3.784 8 4.76v8.98c0 .976.778 1.76 1.745 1.76m0 13.5h12.52c.957 0 1.745-.794 1.735-1.76v-8.98c0-.976-.778-1.76-1.745-1.76H9.745C8.778 16.5 8 17.284 8 18.26v8.98c0 .976.778 1.76 1.745 1.76"/><path fill="#f4f4f4" d="M13.53 8.1h4.9c.44 0 .79-.35.79-.79V5.73c0-.44-.36-.79-.79-.79h-4.9c-.44 0-.79.36-.79.79v1.58c0 .44.36.79.79.79m0 13.42h4.9c.44 0 .79-.35.79-.79v-1.58c0-.44-.36-.79-.79-.79h-4.9c-.44 0-.79.36-.79.79v1.58c0 .44.36.79.79.79"/><path fill="#8d65c5" d="M13.53 4.567c-.649 0-1.163.53-1.163 1.163v1.58c0 .649.53 1.163 1.163 1.163h4.9c.646 0 1.163-.517 1.163-1.163V5.73c0-.649-.53-1.163-1.163-1.163zm-.417 1.163c0-.227.186-.417.417-.417h4.9c.227 0 .417.186.417.417v1.58a.413.413 0 0 1-.417.417h-4.9a.42.42 0 0 1-.417-.417zm-.003 4.45a.75.75 0 0 0 0 1.5h5.72a.75.75 0 0 0 0-1.5zm-.743 8.97c0-.633.514-1.163 1.163-1.163h4.9c.633 0 1.163.514 1.163 1.163v1.58c0 .646-.517 1.163-1.163 1.163h-4.9a1.164 1.164 0 0 1-1.163-1.163zm1.163-.417a.42.42 0 0 0-.417.417v1.58c0 .231.19.417.417.417h4.9a.413.413 0 0 0 .417-.417v-1.58a.42.42 0 0 0-.417-.417zm-.42 4.867a.75.75 0 0 0 0 1.5h5.72a.75.75 0 0 0 0-1.5z"/></g></svg> </template>
CSS
.icon-file-cabinet {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M22.39%2030H9.61A2.615%202.615%200%200%201%207%2027.384V4.617A2.615%202.615%200%200%201%209.61%202h12.78C23.83%202%2025%203.173%2025%204.617v22.767A2.615%202.615%200%200%201%2022.39%2030%22%2F%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M9.745%2015.5h12.52c.957%200%201.745-.794%201.735-1.76V4.76C24%203.784%2023.222%203%2022.255%203H9.745C8.778%203%208%203.784%208%204.76v8.98c0%20.976.778%201.76%201.745%201.76m0%2013.5h12.52c.957%200%201.745-.794%201.735-1.76v-8.98c0-.976-.778-1.76-1.745-1.76H9.745C8.778%2016.5%208%2017.284%208%2018.26v8.98c0%20.976.778%201.76%201.745%201.76%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M13.53%208.1h4.9c.44%200%20.79-.35.79-.79V5.73c0-.44-.36-.79-.79-.79h-4.9c-.44%200-.79.36-.79.79v1.58c0%20.44.36.79.79.79m0%2013.42h4.9c.44%200%20.79-.35.79-.79v-1.58c0-.44-.36-.79-.79-.79h-4.9c-.44%200-.79.36-.79.79v1.58c0%20.44.36.79.79.79%22%2F%3E%3Cpath%20fill%3D%22%238d65c5%22%20d%3D%22M13.53%204.567c-.649%200-1.163.53-1.163%201.163v1.58c0%20.649.53%201.163%201.163%201.163h4.9c.646%200%201.163-.517%201.163-1.163V5.73c0-.649-.53-1.163-1.163-1.163zm-.417%201.163c0-.227.186-.417.417-.417h4.9c.227%200%20.417.186.417.417v1.58a.413.413%200%200%201-.417.417h-4.9a.42.42%200%200%201-.417-.417zm-.003%204.45a.75.75%200%200%200%200%201.5h5.72a.75.75%200%200%200%200-1.5zm-.743%208.97c0-.633.514-1.163%201.163-1.163h4.9c.633%200%201.163.514%201.163%201.163v1.58c0%20.646-.517%201.163-1.163%201.163h-4.9a1.164%201.164%200%200%201-1.163-1.163zm1.163-.417a.42.42%200%200%200-.417.417v1.58c0%20.231.19.417.417.417h4.9a.413.413%200%200%200%20.417-.417v-1.58a.42.42%200%200%200-.417-.417zm-.42%204.867a.75.75%200%200%200%200%201.5h5.72a.75.75%200%200%200%200-1.5z%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M22.39%2030H9.61A2.615%202.615%200%200%201%207%2027.384V4.617A2.615%202.615%200%200%201%209.61%202h12.78C23.83%202%2025%203.173%2025%204.617v22.767A2.615%202.615%200%200%201%2022.39%2030%22%2F%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M9.745%2015.5h12.52c.957%200%201.745-.794%201.735-1.76V4.76C24%203.784%2023.222%203%2022.255%203H9.745C8.778%203%208%203.784%208%204.76v8.98c0%20.976.778%201.76%201.745%201.76m0%2013.5h12.52c.957%200%201.745-.794%201.735-1.76v-8.98c0-.976-.778-1.76-1.745-1.76H9.745C8.778%2016.5%208%2017.284%208%2018.26v8.98c0%20.976.778%201.76%201.745%201.76%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M13.53%208.1h4.9c.44%200%20.79-.35.79-.79V5.73c0-.44-.36-.79-.79-.79h-4.9c-.44%200-.79.36-.79.79v1.58c0%20.44.36.79.79.79m0%2013.42h4.9c.44%200%20.79-.35.79-.79v-1.58c0-.44-.36-.79-.79-.79h-4.9c-.44%200-.79.36-.79.79v1.58c0%20.44.36.79.79.79%22%2F%3E%3Cpath%20fill%3D%22%238d65c5%22%20d%3D%22M13.53%204.567c-.649%200-1.163.53-1.163%201.163v1.58c0%20.649.53%201.163%201.163%201.163h4.9c.646%200%201.163-.517%201.163-1.163V5.73c0-.649-.53-1.163-1.163-1.163zm-.417%201.163c0-.227.186-.417.417-.417h4.9c.227%200%20.417.186.417.417v1.58a.413.413%200%200%201-.417.417h-4.9a.42.42%200%200%201-.417-.417zm-.003%204.45a.75.75%200%200%200%200%201.5h5.72a.75.75%200%200%200%200-1.5zm-.743%208.97c0-.633.514-1.163%201.163-1.163h4.9c.633%200%201.163.514%201.163%201.163v1.58c0%20.646-.517%201.163-1.163%201.163h-4.9a1.164%201.164%200%200%201-1.163-1.163zm1.163-.417a.42.42%200%200%200-.417.417v1.58c0%20.231.19.417.417.417h4.9a.413.413%200%200%200%20.417-.417v-1.58a.42.42%200%200%200-.417-.417zm-.42%204.867a.75.75%200%200%200%200%201.5h5.72a.75.75%200%200%200%200-1.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/file-cabinet.svg?color=%231a73e8&size=48
