file folder emoji
file-folder from OpenMoji by OpenMoji · Default · Objects · CC-BY-SA-4.0 Attribution required.
- Name
- 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 file folder emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M58.831 59.603a2.1 2.1 0 0 0 .922-1.741V24.608H16.835v31.919q0 .068-.008.134a7.6 7.6 0 0 1-.336 1.32a7 7 0 0 1-.275.7q-.045.102-.095.206c-.06.12-.118.243-.185.358a7 7 0 0 1-.431.707l42.159.01a2.1 2.1 0 0 0 1.167-.359"/><path fill="#9b9b9a" d="M14.613 59.706c1.343-.205 1.747-2.592 1.883-4.796l.502-29.349s-.388-1.318-.075-1.318l2.908.072h36.804l.069-4.01c-.017.281 0-3.357 0-3.357l-26.638.782c-.997.02-1.553-.646-1.72-1.629c-.065-.382-.023-1.32-.102-1.7c-.192-.925-1.16-1.347-2.104-1.365c-3.284-.062-11.388-.198-11.388-.198c-1.103 0-2.847 1.116-2.847 2.219l.082 44.66c.003.252.218.198.468.174c.626-.06 1.799-.13 2.158-.185"/><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="M16.961 55.37c-.147 2.618-2.417 4.3-4.33 4.592l44.415.01a3 3 0 0 0 3-3V25.316a1 1 0 0 0-1-1H17.965a1 1 0 0 0-1 1z"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiFileFolder(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M58.831 59.603a2.1 2.1 0 0 0 .922-1.741V24.608H16.835v31.919q0 .068-.008.134a7.6 7.6 0 0 1-.336 1.32a7 7 0 0 1-.275.7q-.045.102-.095.206c-.06.12-.118.243-.185.358a7 7 0 0 1-.431.707l42.159.01a2.1 2.1 0 0 0 1.167-.359"/><path fill="#9b9b9a" d="M14.613 59.706c1.343-.205 1.747-2.592 1.883-4.796l.502-29.349s-.388-1.318-.075-1.318l2.908.072h36.804l.069-4.01c-.017.281 0-3.357 0-3.357l-26.638.782c-.997.02-1.553-.646-1.72-1.629c-.065-.382-.023-1.32-.102-1.7c-.192-.925-1.16-1.347-2.104-1.365c-3.284-.062-11.388-.198-11.388-.198c-1.103 0-2.847 1.116-2.847 2.219l.082 44.66c.003.252.218.198.468.174c.626-.06 1.799-.13 2.158-.185"/><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="M16.961 55.37c-.147 2.618-2.417 4.3-4.33 4.592l44.415.01a3 3 0 0 0 3-3V25.316a1 1 0 0 0-1-1H17.965a1 1 0 0 0-1 1z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M58.831 59.603a2.1 2.1 0 0 0 .922-1.741V24.608H16.835v31.919q0 .068-.008.134a7.6 7.6 0 0 1-.336 1.32a7 7 0 0 1-.275.7q-.045.102-.095.206c-.06.12-.118.243-.185.358a7 7 0 0 1-.431.707l42.159.01a2.1 2.1 0 0 0 1.167-.359"/><path fill="#9b9b9a" d="M14.613 59.706c1.343-.205 1.747-2.592 1.883-4.796l.502-29.349s-.388-1.318-.075-1.318l2.908.072h36.804l.069-4.01c-.017.281 0-3.357 0-3.357l-26.638.782c-.997.02-1.553-.646-1.72-1.629c-.065-.382-.023-1.32-.102-1.7c-.192-.925-1.16-1.347-2.104-1.365c-3.284-.062-11.388-.198-11.388-.198c-1.103 0-2.847 1.116-2.847 2.219l.082 44.66c.003.252.218.198.468.174c.626-.06 1.799-.13 2.158-.185"/><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="M16.961 55.37c-.147 2.618-2.417 4.3-4.33 4.592l44.415.01a3 3 0 0 0 3-3V25.316a1 1 0 0 0-1-1H17.965a1 1 0 0 0-1 1z"/></g></svg> </template>
CSS
.icon-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%23d0cfce%22%20d%3D%22M58.831%2059.603a2.1%202.1%200%200%200%20.922-1.741V24.608H16.835v31.919q0%20.068-.008.134a7.6%207.6%200%200%201-.336%201.32a7%207%200%200%201-.275.7q-.045.102-.095.206c-.06.12-.118.243-.185.358a7%207%200%200%201-.431.707l42.159.01a2.1%202.1%200%200%200%201.167-.359%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M14.613%2059.706c1.343-.205%201.747-2.592%201.883-4.796l.502-29.349s-.388-1.318-.075-1.318l2.908.072h36.804l.069-4.01c-.017.281%200-3.357%200-3.357l-26.638.782c-.997.02-1.553-.646-1.72-1.629c-.065-.382-.023-1.32-.102-1.7c-.192-.925-1.16-1.347-2.104-1.365c-3.284-.062-11.388-.198-11.388-.198c-1.103%200-2.847%201.116-2.847%202.219l.082%2044.66c.003.252.218.198.468.174c.626-.06%201.799-.13%202.158-.185%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%22M16.961%2055.37c-.147%202.618-2.417%204.3-4.33%204.592l44.415.01a3%203%200%200%200%203-3V25.316a1%201%200%200%200-1-1H17.965a1%201%200%200%200-1%201z%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%23d0cfce%22%20d%3D%22M58.831%2059.603a2.1%202.1%200%200%200%20.922-1.741V24.608H16.835v31.919q0%20.068-.008.134a7.6%207.6%200%200%201-.336%201.32a7%207%200%200%201-.275.7q-.045.102-.095.206c-.06.12-.118.243-.185.358a7%207%200%200%201-.431.707l42.159.01a2.1%202.1%200%200%200%201.167-.359%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M14.613%2059.706c1.343-.205%201.747-2.592%201.883-4.796l.502-29.349s-.388-1.318-.075-1.318l2.908.072h36.804l.069-4.01c-.017.281%200-3.357%200-3.357l-26.638.782c-.997.02-1.553-.646-1.72-1.629c-.065-.382-.023-1.32-.102-1.7c-.192-.925-1.16-1.347-2.104-1.365c-3.284-.062-11.388-.198-11.388-.198c-1.103%200-2.847%201.116-2.847%202.219l.082%2044.66c.003.252.218.198.468.174c.626-.06%201.799-.13%202.158-.185%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%22M16.961%2055.37c-.147%202.618-2.417%204.3-4.33%204.592l44.415.01a3%203%200%200%200%203-3V25.316a1%201%200%200%200-1-1H17.965a1%201%200%200%200-1%201z%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/file-folder.svg?color=%231a73e8&size=48
