open file folder emoji

open-file-folder from Noto Emoji by Google Inc · Default · Objects · Apache-2.0 Free for personal and commercial use.

Name: open-file-folder
Set: Noto Emoji
Style: Default
Category: Objects
Viewbox: 128×128
License: Apache 2.0

The same emoji in other sets

open-file-folderEmoji One (Colored)open-file-folderFluent Emoji open-file-folderFluent Emoji Flat open-file-folderFluent Emoji High Contrast open-file-folderOpenMoji open-file-folderStreamline Emojis open-file-folderTwitter Emoji

More objects icons from Noto Emoji

Use the open file folder emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f3ab47" d="M37.02 27.71v-1.74c0-3.47-2.08-4.19-4.36-3.78l-19.1 3.45c-2.29.41-3.97 2.47-3.97 4.87v4.44c0 1.62-1.13 3.01-2.68 3.29l-.34.06c-1.34.24-2.33 1.44-2.33 2.85l-.02 74.35c0 1.47.61 1.33 1.07 1.21l93.87-22.16c1.34-.24 2.33-1.44 2.33-2.85V25.13c0-1.79-1.56-3.15-3.27-2.85l-56.31 9.69c-2.55.45-4.89-.51-4.89-4.26"/><path fill="#ffe36c" d="m103.4 91.44l19.96-43.24c.36-.78.43-1.69.05-2.46c-.46-.94-1.41-1.51-2.94-1.23L64.2 54.13c-2.62.45-3.49.94-4.75 5.29s-1.86 9.38-5.64 9.79l-20.96 3.53c-3.93.72-5.58 4.88-5.58 4.88L5.1 116.76l94.5-22.23c1.35-.23 2.88-1.49 3.8-3.09"/><path fill="none" stroke="#fff9c4" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="m120.47 45.56l-54.85 9.13c-3.6.69-4.44 1.52-5.51 5.42c-1.2 4.37-2.52 9.75-6.3 10.16L32.85 73.8"/></svg>

React

import type { SVGProps } from "react";

export function NotoOpenFileFolder(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f3ab47" d="M37.02 27.71v-1.74c0-3.47-2.08-4.19-4.36-3.78l-19.1 3.45c-2.29.41-3.97 2.47-3.97 4.87v4.44c0 1.62-1.13 3.01-2.68 3.29l-.34.06c-1.34.24-2.33 1.44-2.33 2.85l-.02 74.35c0 1.47.61 1.33 1.07 1.21l93.87-22.16c1.34-.24 2.33-1.44 2.33-2.85V25.13c0-1.79-1.56-3.15-3.27-2.85l-56.31 9.69c-2.55.45-4.89-.51-4.89-4.26"/><path fill="#ffe36c" d="m103.4 91.44l19.96-43.24c.36-.78.43-1.69.05-2.46c-.46-.94-1.41-1.51-2.94-1.23L64.2 54.13c-2.62.45-3.49.94-4.75 5.29s-1.86 9.38-5.64 9.79l-20.96 3.53c-3.93.72-5.58 4.88-5.58 4.88L5.1 116.76l94.5-22.23c1.35-.23 2.88-1.49 3.8-3.09"/><path fill="none" stroke="#fff9c4" strokeLinecap="round" strokeMiterlimit="10" strokeWidth="2" d="m120.47 45.56l-54.85 9.13c-3.6.69-4.44 1.52-5.51 5.42c-1.2 4.37-2.52 9.75-6.3 10.16L32.85 73.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f3ab47" d="M37.02 27.71v-1.74c0-3.47-2.08-4.19-4.36-3.78l-19.1 3.45c-2.29.41-3.97 2.47-3.97 4.87v4.44c0 1.62-1.13 3.01-2.68 3.29l-.34.06c-1.34.24-2.33 1.44-2.33 2.85l-.02 74.35c0 1.47.61 1.33 1.07 1.21l93.87-22.16c1.34-.24 2.33-1.44 2.33-2.85V25.13c0-1.79-1.56-3.15-3.27-2.85l-56.31 9.69c-2.55.45-4.89-.51-4.89-4.26"/><path fill="#ffe36c" d="m103.4 91.44l19.96-43.24c.36-.78.43-1.69.05-2.46c-.46-.94-1.41-1.51-2.94-1.23L64.2 54.13c-2.62.45-3.49.94-4.75 5.29s-1.86 9.38-5.64 9.79l-20.96 3.53c-3.93.72-5.58 4.88-5.58 4.88L5.1 116.76l94.5-22.23c1.35-.23 2.88-1.49 3.8-3.09"/><path fill="none" stroke="#fff9c4" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="m120.47 45.56l-54.85 9.13c-3.6.69-4.44 1.52-5.51 5.42c-1.2 4.37-2.52 9.75-6.3 10.16L32.85 73.8"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f3ab47%22%20d%3D%22M37.02%2027.71v-1.74c0-3.47-2.08-4.19-4.36-3.78l-19.1%203.45c-2.29.41-3.97%202.47-3.97%204.87v4.44c0%201.62-1.13%203.01-2.68%203.29l-.34.06c-1.34.24-2.33%201.44-2.33%202.85l-.02%2074.35c0%201.47.61%201.33%201.07%201.21l93.87-22.16c1.34-.24%202.33-1.44%202.33-2.85V25.13c0-1.79-1.56-3.15-3.27-2.85l-56.31%209.69c-2.55.45-4.89-.51-4.89-4.26%22%2F%3E%3Cpath%20fill%3D%22%23ffe36c%22%20d%3D%22m103.4%2091.44l19.96-43.24c.36-.78.43-1.69.05-2.46c-.46-.94-1.41-1.51-2.94-1.23L64.2%2054.13c-2.62.45-3.49.94-4.75%205.29s-1.86%209.38-5.64%209.79l-20.96%203.53c-3.93.72-5.58%204.88-5.58%204.88L5.1%20116.76l94.5-22.23c1.35-.23%202.88-1.49%203.8-3.09%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff9c4%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22m120.47%2045.56l-54.85%209.13c-3.6.69-4.44%201.52-5.51%205.42c-1.2%204.37-2.52%209.75-6.3%2010.16L32.85%2073.8%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23f3ab47%22%20d%3D%22M37.02%2027.71v-1.74c0-3.47-2.08-4.19-4.36-3.78l-19.1%203.45c-2.29.41-3.97%202.47-3.97%204.87v4.44c0%201.62-1.13%203.01-2.68%203.29l-.34.06c-1.34.24-2.33%201.44-2.33%202.85l-.02%2074.35c0%201.47.61%201.33%201.07%201.21l93.87-22.16c1.34-.24%202.33-1.44%202.33-2.85V25.13c0-1.79-1.56-3.15-3.27-2.85l-56.31%209.69c-2.55.45-4.89-.51-4.89-4.26%22%2F%3E%3Cpath%20fill%3D%22%23ffe36c%22%20d%3D%22m103.4%2091.44l19.96-43.24c.36-.78.43-1.69.05-2.46c-.46-.94-1.41-1.51-2.94-1.23L64.2%2054.13c-2.62.45-3.49.94-4.75%205.29s-1.86%209.38-5.64%209.79l-20.96%203.53c-3.93.72-5.58%204.88-5.58%204.88L5.1%20116.76l94.5-22.23c1.35-.23%202.88-1.49%203.8-3.09%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff9c4%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22m120.47%2045.56l-54.85%209.13c-3.6.69-4.44%201.52-5.51%205.42c-1.2%204.37-2.52%209.75-6.3%2010.16L32.85%2073.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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