folder open icon

folder-open from Font Awesome 6 Solid by Dave Gandy · Regular · Business · CC-BY-4.0 Attribution required.

Name
folder-open
Set
Font Awesome 6 Solid
Style
Regular
Category
Business
Viewbox
576×512
License
CC BY 4.0

The same icon in other sets

folder-open-filledAnt Design Iconsfolder-openBoxIcons v2folder-openBoxIcons v2 Solidfolder-openCarbonfolder-openCatppuccin Iconsfolder-openFont Awesome 6 Regularfolder-openFont Awesome Regularfolder-openFont Awesome Solidfolder-open-outlineFlowbite Iconsfolder-open-16-filledFluent UI System Iconsfolder-openHeroIconsfolder-openHuge Iconsfolder-openHumbleiconsfolder-openIconParkfolder-openIconPark Outlinefolder-openIconPark Solidfolder-openIconPark TwoTonefolder-openIonIconsfolder-openJam Iconsfolder-openLine Awesomefolder-openLucidefolder-openMage Iconsfolder-openMajesticonsfolder-openMaterial Symbols

More business icons from Font Awesome 6 Solid

address-bookaddress-cardbookbriefcasebullhornbullseyebusiness-timecalculatorcalendarcertificatechart-areachart-barchart-pieclipboardcompasscopycopyrightenvelopeenvelope-openeraserfaxfilefolderfolder-minus

Use the folder open icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M88.7 223.8L0 375.8V96c0-35.3 28.7-64 64-64h117.5c17 0 33.3 6.7 45.3 18.7l26.5 26.5c12 12 28.3 18.7 45.3 18.7L416 96c35.3 0 64 28.7 64 64v32H144c-22.8 0-43.8 12.1-55.3 31.8m27.6 16.1c5.8-9.9 16.3-15.9 27.7-15.9h400c11.5 0 22 6.1 27.7 16.1s5.7 22.2-.1 32.1l-112 192C453.9 474 443.4 480 432 480H32c-11.5 0-22-6.1-27.7-16.1s-5.7-22.2.1-32.1l112-192z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidFolderOpen(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M88.7 223.8L0 375.8V96c0-35.3 28.7-64 64-64h117.5c17 0 33.3 6.7 45.3 18.7l26.5 26.5c12 12 28.3 18.7 45.3 18.7L416 96c35.3 0 64 28.7 64 64v32H144c-22.8 0-43.8 12.1-55.3 31.8m27.6 16.1c5.8-9.9 16.3-15.9 27.7-15.9h400c11.5 0 22 6.1 27.7 16.1s5.7 22.2-.1 32.1l-112 192C453.9 474 443.4 480 432 480H32c-11.5 0-22-6.1-27.7-16.1s-5.7-22.2.1-32.1l112-192z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M88.7 223.8L0 375.8V96c0-35.3 28.7-64 64-64h117.5c17 0 33.3 6.7 45.3 18.7l26.5 26.5c12 12 28.3 18.7 45.3 18.7L416 96c35.3 0 64 28.7 64 64v32H144c-22.8 0-43.8 12.1-55.3 31.8m27.6 16.1c5.8-9.9 16.3-15.9 27.7-15.9h400c11.5 0 22 6.1 27.7 16.1s5.7 22.2-.1 32.1l-112 192C453.9 474 443.4 480 432 480H32c-11.5 0-22-6.1-27.7-16.1s-5.7-22.2.1-32.1l112-192z"/></svg>
</template>

CSS

.icon-folder-open {
  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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M88.7%20223.8L0%20375.8V96c0-35.3%2028.7-64%2064-64h117.5c17%200%2033.3%206.7%2045.3%2018.7l26.5%2026.5c12%2012%2028.3%2018.7%2045.3%2018.7L416%2096c35.3%200%2064%2028.7%2064%2064v32H144c-22.8%200-43.8%2012.1-55.3%2031.8m27.6%2016.1c5.8-9.9%2016.3-15.9%2027.7-15.9h400c11.5%200%2022%206.1%2027.7%2016.1s5.7%2022.2-.1%2032.1l-112%20192C453.9%20474%20443.4%20480%20432%20480H32c-11.5%200-22-6.1-27.7-16.1s-5.7-22.2.1-32.1l112-192z%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M88.7%20223.8L0%20375.8V96c0-35.3%2028.7-64%2064-64h117.5c17%200%2033.3%206.7%2045.3%2018.7l26.5%2026.5c12%2012%2028.3%2018.7%2045.3%2018.7L416%2096c35.3%200%2064%2028.7%2064%2064v32H144c-22.8%200-43.8%2012.1-55.3%2031.8m27.6%2016.1c5.8-9.9%2016.3-15.9%2027.7-15.9h400c11.5%200%2022%206.1%2027.7%2016.1s5.7%2022.2-.1%2032.1l-112%20192C453.9%20474%20443.4%20480%20432%20480H32c-11.5%200-22-6.1-27.7-16.1s-5.7-22.2.1-32.1l112-192z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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