open file folder emoji

open-file-folder from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.

Name
open-file-folder
Set
Fluent Emoji Flat
Style
Default
Category
Objects
Viewbox
32×32
License
MIT

The same emoji in other sets

open-file-folderEmoji One (Colored)open-file-folderFluent Emojiopen-file-folderFluent Emoji High Contrastopen-file-folderNoto Emojiopen-file-folderOpenMojiopen-file-folderStreamline Emojisopen-file-folderTwitter Emoji

More objects icons from Fluent Emoji Flat

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbookmarkbookmark-tabsbooks

Use the open file folder emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M16.833 10H25c1.149 0 2 .851 2 2v1L14 23.5L2.61 28.23C2.22 27.63 2 26.774 2 26V8.08A2.08 2.08 0 0 1 4.08 6h6.675c.809 0 1.585.32 2.158.89l2.453 2.498c.39.387.918.612 1.467.612"/><path fill="#fcd53f" d="M27.911 13H10.886a3.68 3.68 0 0 0-3.463 2.439C2.832 28.604 3.211 27.658 3.095 27.806a.55.55 0 0 1-.453.25a.35.35 0 0 1-.182-.054a3.78 3.78 0 0 0 3.585 2h17.952a2.03 2.03 0 0 0 1.939-1.453l3.962-12.835A2.086 2.086 0 0 0 27.911 13"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatOpenFileFolder(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M16.833 10H25c1.149 0 2 .851 2 2v1L14 23.5L2.61 28.23C2.22 27.63 2 26.774 2 26V8.08A2.08 2.08 0 0 1 4.08 6h6.675c.809 0 1.585.32 2.158.89l2.453 2.498c.39.387.918.612 1.467.612"/><path fill="#fcd53f" d="M27.911 13H10.886a3.68 3.68 0 0 0-3.463 2.439C2.832 28.604 3.211 27.658 3.095 27.806a.55.55 0 0 1-.453.25a.35.35 0 0 1-.182-.054a3.78 3.78 0 0 0 3.585 2h17.952a2.03 2.03 0 0 0 1.939-1.453l3.962-12.835A2.086 2.086 0 0 0 27.911 13"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M16.833 10H25c1.149 0 2 .851 2 2v1L14 23.5L2.61 28.23C2.22 27.63 2 26.774 2 26V8.08A2.08 2.08 0 0 1 4.08 6h6.675c.809 0 1.585.32 2.158.89l2.453 2.498c.39.387.918.612 1.467.612"/><path fill="#fcd53f" d="M27.911 13H10.886a3.68 3.68 0 0 0-3.463 2.439C2.832 28.604 3.211 27.658 3.095 27.806a.55.55 0 0 1-.453.25a.35.35 0 0 1-.182-.054a3.78 3.78 0 0 0 3.585 2h17.952a2.03 2.03 0 0 0 1.939-1.453l3.962-12.835A2.086 2.086 0 0 0 27.911 13"/></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M16.833%2010H25c1.149%200%202%20.851%202%202v1L14%2023.5L2.61%2028.23C2.22%2027.63%202%2026.774%202%2026V8.08A2.08%202.08%200%200%201%204.08%206h6.675c.809%200%201.585.32%202.158.89l2.453%202.498c.39.387.918.612%201.467.612%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M27.911%2013H10.886a3.68%203.68%200%200%200-3.463%202.439C2.832%2028.604%203.211%2027.658%203.095%2027.806a.55.55%200%200%201-.453.25a.35.35%200%200%201-.182-.054a3.78%203.78%200%200%200%203.585%202h17.952a2.03%202.03%200%200%200%201.939-1.453l3.962-12.835A2.086%202.086%200%200%200%2027.911%2013%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M16.833%2010H25c1.149%200%202%20.851%202%202v1L14%2023.5L2.61%2028.23C2.22%2027.63%202%2026.774%202%2026V8.08A2.08%202.08%200%200%201%204.08%206h6.675c.809%200%201.585.32%202.158.89l2.453%202.498c.39.387.918.612%201.467.612%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M27.911%2013H10.886a3.68%203.68%200%200%200-3.463%202.439C2.832%2028.604%203.211%2027.658%203.095%2027.806a.55.55%200%200%201-.453.25a.35.35%200%200%201-.182-.054a3.78%203.78%200%200%200%203.585%202h17.952a2.03%202.03%200%200%200%201.939-1.453l3.962-12.835A2.086%202.086%200%200%200%2027.911%2013%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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