open file folder emoji

open-file-folder from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.

Name: open-file-folder
Set: Emoji One (Colored)
Style: Default
Category: Objects
Viewbox: 64×64
License: CC BY 4.0

The same emoji in other sets

open-file-folderFluent Emoji open-file-folderFluent Emoji Flat open-file-folderFluent Emoji High Contrast open-file-folderNoto Emoji open-file-folderOpenMoji open-file-folderStreamline Emojis open-file-folderTwitter Emoji

More objects icons from Emoji One (Colored)

Use the open 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="M49.3.2L27 8.7s-.8-2-1.5-3.1c-1.7-2.8-4.7-1.9-4.7-1.9l-17 6.1s-2.3 1.1-3.3 4c-.9 2.8 0 6.3 0 6.3l9.8 44l39-37.6S50.6 9.7 51.4 2C51.6-.8 49.3.2 49.3.2"/><path fill="#ff8736" d="m10.2 64l42.7-33.4s10.6-21.4 11-23c.4-1.8-1.4-1.2-1.4-1.2L39.8 17.1s-1.4 6-4.1 7.6c-3 1.7-17 9.3-17 9.3s-2 1.3-3.1 3.4C14.4 39.5 10.2 64 10.2 64"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneOpenFileFolder(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="M49.3.2L27 8.7s-.8-2-1.5-3.1c-1.7-2.8-4.7-1.9-4.7-1.9l-17 6.1s-2.3 1.1-3.3 4c-.9 2.8 0 6.3 0 6.3l9.8 44l39-37.6S50.6 9.7 51.4 2C51.6-.8 49.3.2 49.3.2"/><path fill="#ff8736" d="m10.2 64l42.7-33.4s10.6-21.4 11-23c.4-1.8-1.4-1.2-1.4-1.2L39.8 17.1s-1.4 6-4.1 7.6c-3 1.7-17 9.3-17 9.3s-2 1.3-3.1 3.4C14.4 39.5 10.2 64 10.2 64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#962c2c" d="M49.3.2L27 8.7s-.8-2-1.5-3.1c-1.7-2.8-4.7-1.9-4.7-1.9l-17 6.1s-2.3 1.1-3.3 4c-.9 2.8 0 6.3 0 6.3l9.8 44l39-37.6S50.6 9.7 51.4 2C51.6-.8 49.3.2 49.3.2"/><path fill="#ff8736" d="m10.2 64l42.7-33.4s10.6-21.4 11-23c.4-1.8-1.4-1.2-1.4-1.2L39.8 17.1s-1.4 6-4.1 7.6c-3 1.7-17 9.3-17 9.3s-2 1.3-3.1 3.4C14.4 39.5 10.2 64 10.2 64"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23962c2c%22%20d%3D%22M49.3.2L27%208.7s-.8-2-1.5-3.1c-1.7-2.8-4.7-1.9-4.7-1.9l-17%206.1s-2.3%201.1-3.3%204c-.9%202.8%200%206.3%200%206.3l9.8%2044l39-37.6S50.6%209.7%2051.4%202C51.6-.8%2049.3.2%2049.3.2%22%2F%3E%3Cpath%20fill%3D%22%23ff8736%22%20d%3D%22m10.2%2064l42.7-33.4s10.6-21.4%2011-23c.4-1.8-1.4-1.2-1.4-1.2L39.8%2017.1s-1.4%206-4.1%207.6c-3%201.7-17%209.3-17%209.3s-2%201.3-3.1%203.4C14.4%2039.5%2010.2%2064%2010.2%2064%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%22M49.3.2L27%208.7s-.8-2-1.5-3.1c-1.7-2.8-4.7-1.9-4.7-1.9l-17%206.1s-2.3%201.1-3.3%204c-.9%202.8%200%206.3%200%206.3l9.8%2044l39-37.6S50.6%209.7%2051.4%202C51.6-.8%2049.3.2%2049.3.2%22%2F%3E%3Cpath%20fill%3D%22%23ff8736%22%20d%3D%22m10.2%2064l42.7-33.4s10.6-21.4%2011-23c.4-1.8-1.4-1.2-1.4-1.2L39.8%2017.1s-1.4%206-4.1%207.6c-3%201.7-17%209.3-17%209.3s-2%201.3-3.1%203.4C14.4%2039.5%2010.2%2064%2010.2%2064%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/open-file-folder.svg?color=%231a73e8&size=48