file folder emoji
file-folder from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- file-folder
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Emoji One (Colored)
Use the file folder emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#962c2c" d="M54.4.2L29.8 8.7s-.9-2-1.7-3.1c-1.9-2.8-5.2-1.9-5.2-1.9L4.1 9.8s-2.6 1.1-3.6 4c-1 2.8 0 6.3 0 6.3l10.8 44l43.1-37.6S55.8 9.7 56.7 2C57-.8 54.4.2 54.4.2"/><path fill="#9aabaf" d="M53.6 24.9L57.5.2L3.4 20.5l7.8 43z"/><path fill="#b3c0c4" d="M54.9 27.8L58.8.9L4.7 22.1l6.5 41.4z"/><path fill="#c5cfd3" d="m55.9 28.6l4.4-27.2L5.8 23.6l5.4 39.9z"/><path fill="#d9e3e8" d="m57.1 29.7l4.2-27.3l-54.4 23l4.3 38.1z"/><path fill="#ff8736" d="m11.3 64l47.1-33.4L64 5.8s.3-.8-.5-1.8c-.6-.7-1.5-.4-1.5-.4L36.7 14.3s-1.5 6-4.5 7.6c-3.3 1.7-18.8 9.3-18.8 9.3s-2.2 1.3-3.5 3.4c-1.2 2-1.4 4.5-1.4 4.5z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneFileFolder(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#962c2c" d="M54.4.2L29.8 8.7s-.9-2-1.7-3.1c-1.9-2.8-5.2-1.9-5.2-1.9L4.1 9.8s-2.6 1.1-3.6 4c-1 2.8 0 6.3 0 6.3l10.8 44l43.1-37.6S55.8 9.7 56.7 2C57-.8 54.4.2 54.4.2"/><path fill="#9aabaf" d="M53.6 24.9L57.5.2L3.4 20.5l7.8 43z"/><path fill="#b3c0c4" d="M54.9 27.8L58.8.9L4.7 22.1l6.5 41.4z"/><path fill="#c5cfd3" d="m55.9 28.6l4.4-27.2L5.8 23.6l5.4 39.9z"/><path fill="#d9e3e8" d="m57.1 29.7l4.2-27.3l-54.4 23l4.3 38.1z"/><path fill="#ff8736" d="m11.3 64l47.1-33.4L64 5.8s.3-.8-.5-1.8c-.6-.7-1.5-.4-1.5-.4L36.7 14.3s-1.5 6-4.5 7.6c-3.3 1.7-18.8 9.3-18.8 9.3s-2.2 1.3-3.5 3.4c-1.2 2-1.4 4.5-1.4 4.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#962c2c" d="M54.4.2L29.8 8.7s-.9-2-1.7-3.1c-1.9-2.8-5.2-1.9-5.2-1.9L4.1 9.8s-2.6 1.1-3.6 4c-1 2.8 0 6.3 0 6.3l10.8 44l43.1-37.6S55.8 9.7 56.7 2C57-.8 54.4.2 54.4.2"/><path fill="#9aabaf" d="M53.6 24.9L57.5.2L3.4 20.5l7.8 43z"/><path fill="#b3c0c4" d="M54.9 27.8L58.8.9L4.7 22.1l6.5 41.4z"/><path fill="#c5cfd3" d="m55.9 28.6l4.4-27.2L5.8 23.6l5.4 39.9z"/><path fill="#d9e3e8" d="m57.1 29.7l4.2-27.3l-54.4 23l4.3 38.1z"/><path fill="#ff8736" d="m11.3 64l47.1-33.4L64 5.8s.3-.8-.5-1.8c-.6-.7-1.5-.4-1.5-.4L36.7 14.3s-1.5 6-4.5 7.6c-3.3 1.7-18.8 9.3-18.8 9.3s-2.2 1.3-3.5 3.4c-1.2 2-1.4 4.5-1.4 4.5z"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23962c2c%22%20d%3D%22M54.4.2L29.8%208.7s-.9-2-1.7-3.1c-1.9-2.8-5.2-1.9-5.2-1.9L4.1%209.8s-2.6%201.1-3.6%204c-1%202.8%200%206.3%200%206.3l10.8%2044l43.1-37.6S55.8%209.7%2056.7%202C57-.8%2054.4.2%2054.4.2%22%2F%3E%3Cpath%20fill%3D%22%239aabaf%22%20d%3D%22M53.6%2024.9L57.5.2L3.4%2020.5l7.8%2043z%22%2F%3E%3Cpath%20fill%3D%22%23b3c0c4%22%20d%3D%22M54.9%2027.8L58.8.9L4.7%2022.1l6.5%2041.4z%22%2F%3E%3Cpath%20fill%3D%22%23c5cfd3%22%20d%3D%22m55.9%2028.6l4.4-27.2L5.8%2023.6l5.4%2039.9z%22%2F%3E%3Cpath%20fill%3D%22%23d9e3e8%22%20d%3D%22m57.1%2029.7l4.2-27.3l-54.4%2023l4.3%2038.1z%22%2F%3E%3Cpath%20fill%3D%22%23ff8736%22%20d%3D%22m11.3%2064l47.1-33.4L64%205.8s.3-.8-.5-1.8c-.6-.7-1.5-.4-1.5-.4L36.7%2014.3s-1.5%206-4.5%207.6c-3.3%201.7-18.8%209.3-18.8%209.3s-2.2%201.3-3.5%203.4c-1.2%202-1.4%204.5-1.4%204.5z%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23962c2c%22%20d%3D%22M54.4.2L29.8%208.7s-.9-2-1.7-3.1c-1.9-2.8-5.2-1.9-5.2-1.9L4.1%209.8s-2.6%201.1-3.6%204c-1%202.8%200%206.3%200%206.3l10.8%2044l43.1-37.6S55.8%209.7%2056.7%202C57-.8%2054.4.2%2054.4.2%22%2F%3E%3Cpath%20fill%3D%22%239aabaf%22%20d%3D%22M53.6%2024.9L57.5.2L3.4%2020.5l7.8%2043z%22%2F%3E%3Cpath%20fill%3D%22%23b3c0c4%22%20d%3D%22M54.9%2027.8L58.8.9L4.7%2022.1l6.5%2041.4z%22%2F%3E%3Cpath%20fill%3D%22%23c5cfd3%22%20d%3D%22m55.9%2028.6l4.4-27.2L5.8%2023.6l5.4%2039.9z%22%2F%3E%3Cpath%20fill%3D%22%23d9e3e8%22%20d%3D%22m57.1%2029.7l4.2-27.3l-54.4%2023l4.3%2038.1z%22%2F%3E%3Cpath%20fill%3D%22%23ff8736%22%20d%3D%22m11.3%2064l47.1-33.4L64%205.8s.3-.8-.5-1.8c-.6-.7-1.5-.4-1.5-.4L36.7%2014.3s-1.5%206-4.5%207.6c-3.3%201.7-18.8%209.3-18.8%209.3s-2.2%201.3-3.5%203.4c-1.2%202-1.4%204.5-1.4%204.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/file-folder.svg?color=%231a73e8&size=48
