open file folder emoji
open-file-folder from OpenMoji by OpenMoji · Default · Objects · CC-BY-SA-4.0 Attribution required.
- Name
- open-file-folder
- Set
- OpenMoji
- Style
- Default
- Category
- Objects
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More objects icons from OpenMoji
Use the open file folder emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#9b9b9a" d="M15.464 59.626c.14-.169 2.356-7.826 2.9-9.627c.457-1.513 3.962-15.27 6.16-25.07c.008-.132 32.484-.614 32.484-.614v-7.367l-27.493-.571c-.08-1.236-1.004-4.122-2.137-4.122l-12.587-.198c-1.103 0-2.832 1.34-2.832 2.444c0 0-.25 36.183-.25 44.977c0 1.328 3.734.174 3.755.148"/><path fill="#d0cfce" d="M23.944 24.315q0 .117-.025.232c-.275 1.226-6.735 30.042-7.363 32.124a9.8 9.8 0 0 1-1.765 3.291l43.112.01c1.138 0 1.521 0 2.152-2.39c.667-2.53 6.698-30.269 7.342-33.232l.006-.035z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M57.008 20.304v-3.356l-27.338-.002a.364.364 0 0 1-.36-.369l-.068-1.517c-.116-1.787-1.34-3.003-2.996-3.003H14.959a3 3 0 0 0-3 3V56"/><path d="M17.027 55.568c-.59 1.954-2.972 4.139-4.646 4.394l44.665.01c1.657 0 2.323-.438 3-3s7-31.657 7-31.657a1 1 0 0 0-1-1H24.965a1 1 0 0 0-1 1s-6.348 28.299-6.938 30.253"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiOpenFileFolder(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#9b9b9a" d="M15.464 59.626c.14-.169 2.356-7.826 2.9-9.627c.457-1.513 3.962-15.27 6.16-25.07c.008-.132 32.484-.614 32.484-.614v-7.367l-27.493-.571c-.08-1.236-1.004-4.122-2.137-4.122l-12.587-.198c-1.103 0-2.832 1.34-2.832 2.444c0 0-.25 36.183-.25 44.977c0 1.328 3.734.174 3.755.148"/><path fill="#d0cfce" d="M23.944 24.315q0 .117-.025.232c-.275 1.226-6.735 30.042-7.363 32.124a9.8 9.8 0 0 1-1.765 3.291l43.112.01c1.138 0 1.521 0 2.152-2.39c.667-2.53 6.698-30.269 7.342-33.232l.006-.035z"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M57.008 20.304v-3.356l-27.338-.002a.364.364 0 0 1-.36-.369l-.068-1.517c-.116-1.787-1.34-3.003-2.996-3.003H14.959a3 3 0 0 0-3 3V56"/><path d="M17.027 55.568c-.59 1.954-2.972 4.139-4.646 4.394l44.665.01c1.657 0 2.323-.438 3-3s7-31.657 7-31.657a1 1 0 0 0-1-1H24.965a1 1 0 0 0-1 1s-6.348 28.299-6.938 30.253"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#9b9b9a" d="M15.464 59.626c.14-.169 2.356-7.826 2.9-9.627c.457-1.513 3.962-15.27 6.16-25.07c.008-.132 32.484-.614 32.484-.614v-7.367l-27.493-.571c-.08-1.236-1.004-4.122-2.137-4.122l-12.587-.198c-1.103 0-2.832 1.34-2.832 2.444c0 0-.25 36.183-.25 44.977c0 1.328 3.734.174 3.755.148"/><path fill="#d0cfce" d="M23.944 24.315q0 .117-.025.232c-.275 1.226-6.735 30.042-7.363 32.124a9.8 9.8 0 0 1-1.765 3.291l43.112.01c1.138 0 1.521 0 2.152-2.39c.667-2.53 6.698-30.269 7.342-33.232l.006-.035z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M57.008 20.304v-3.356l-27.338-.002a.364.364 0 0 1-.36-.369l-.068-1.517c-.116-1.787-1.34-3.003-2.996-3.003H14.959a3 3 0 0 0-3 3V56"/><path d="M17.027 55.568c-.59 1.954-2.972 4.139-4.646 4.394l44.665.01c1.657 0 2.323-.438 3-3s7-31.657 7-31.657a1 1 0 0 0-1-1H24.965a1 1 0 0 0-1 1s-6.348 28.299-6.938 30.253"/></g></svg> </template>
CSS
.icon-open-file-folder {
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%2072%2072%22%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M15.464%2059.626c.14-.169%202.356-7.826%202.9-9.627c.457-1.513%203.962-15.27%206.16-25.07c.008-.132%2032.484-.614%2032.484-.614v-7.367l-27.493-.571c-.08-1.236-1.004-4.122-2.137-4.122l-12.587-.198c-1.103%200-2.832%201.34-2.832%202.444c0%200-.25%2036.183-.25%2044.977c0%201.328%203.734.174%203.755.148%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M23.944%2024.315q0%20.117-.025.232c-.275%201.226-6.735%2030.042-7.363%2032.124a9.8%209.8%200%200%201-1.765%203.291l43.112.01c1.138%200%201.521%200%202.152-2.39c.667-2.53%206.698-30.269%207.342-33.232l.006-.035z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M57.008%2020.304v-3.356l-27.338-.002a.364.364%200%200%201-.36-.369l-.068-1.517c-.116-1.787-1.34-3.003-2.996-3.003H14.959a3%203%200%200%200-3%203V56%22%2F%3E%3Cpath%20d%3D%22M17.027%2055.568c-.59%201.954-2.972%204.139-4.646%204.394l44.665.01c1.657%200%202.323-.438%203-3s7-31.657%207-31.657a1%201%200%200%200-1-1H24.965a1%201%200%200%200-1%201s-6.348%2028.299-6.938%2030.253%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%2072%2072%22%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M15.464%2059.626c.14-.169%202.356-7.826%202.9-9.627c.457-1.513%203.962-15.27%206.16-25.07c.008-.132%2032.484-.614%2032.484-.614v-7.367l-27.493-.571c-.08-1.236-1.004-4.122-2.137-4.122l-12.587-.198c-1.103%200-2.832%201.34-2.832%202.444c0%200-.25%2036.183-.25%2044.977c0%201.328%203.734.174%203.755.148%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M23.944%2024.315q0%20.117-.025.232c-.275%201.226-6.735%2030.042-7.363%2032.124a9.8%209.8%200%200%201-1.765%203.291l43.112.01c1.138%200%201.521%200%202.152-2.39c.667-2.53%206.698-30.269%207.342-33.232l.006-.035z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M57.008%2020.304v-3.356l-27.338-.002a.364.364%200%200%201-.36-.369l-.068-1.517c-.116-1.787-1.34-3.003-2.996-3.003H14.959a3%203%200%200%200-3%203V56%22%2F%3E%3Cpath%20d%3D%22M17.027%2055.568c-.59%201.954-2.972%204.139-4.646%204.394l44.665.01c1.657%200%202.323-.438%203-3s7-31.657%207-31.657a1%201%200%200%200-1-1H24.965a1%201%200%200%200-1%201s-6.348%2028.299-6.938%2030.253%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/open-file-folder.svg?color=%231a73e8&size=48
