folder open icon
folder-open from Reicon by REICON · Outline · Folders · MIT Free for personal and commercial use.
- Name
- folder-open
- Set
- Reicon
- Style
- Outline
- Category
- Folders
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All folder open icons →folder-open-filledAnt Design Iconsfolder-openBoxIcons v2folder-openBoxIcons v2 Solidfolder-openCarbonfolder-openCatppuccin Iconsfolder-openFont Awesome 6 Regularfolder-openFont Awesome 6 Solidfolder-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-openKeyline Iconsfolder-openLine Awesomefolder-openLucidefolder-openMage Icons
More folders icons from Reicon
Use the folder open icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.879 1.25h.114c.278 0 .463 0 .645.016c.78.068 1.527.356 2.139.832c.143.111.276.236.471.42l.025.022l.44.413c.682.64.925.858 1.204 1.004q.248.129.525.204c.313.083.658.089 1.62.089h.347c1.013 0 1.84 0 2.495.077c.681.08 1.283.254 1.784.677q.125.105.238.222c.46.48.652 1.063.74 1.721c.084.624.084 1.407.084 2.35v2.032q.321.326.556.722c.4.674.481 1.433.43 2.3c-.049.844-.234 1.897-.466 3.216l-.015.086c-.166.944-.3 1.708-.47 2.315c-.177.628-.411 1.16-.82 1.605q-.29.317-.646.558c-.502.34-1.057.485-1.694.553c-.61.066-1.364.066-2.289.066H8.664c-.925 0-1.679 0-2.29-.066c-.636-.068-1.191-.213-1.693-.553a3.7 3.7 0 0 1-.647-.558c-.408-.446-.642-.977-.818-1.605c-.17-.607-.305-1.37-.471-2.315l-.015-.087c-.232-1.317-.417-2.371-.466-3.216c-.051-.866.03-1.625.43-2.299q.234-.396.556-.722V5.627c0-.58 0-.98.07-1.331c.31-1.54 1.583-2.704 3.156-2.983c.36-.063.775-.063 1.403-.063M4.75 10.491q.36-.092.76-.14c.815-.101 1.854-.101 3.144-.101h6.692c1.29 0 2.329 0 3.145.101q.398.048.759.14V9.348c0-1.008-.002-1.689-.07-2.201c-.066-.49-.181-.72-.337-.882a2 2 0 0 0-.122-.115c-.182-.153-.45-.269-.992-.333c-.558-.066-1.296-.067-2.367-.067h-.398c-.828 0-1.383 0-1.91-.14a4 4 0 0 1-.831-.323c-.483-.252-.88-.625-1.464-1.172l-.072-.068l-.44-.413a6 6 0 0 0-.39-.351a2.57 2.57 0 0 0-1.35-.523a7 7 0 0 0-.547-.01c-.738 0-1.01.003-1.223.04c-1.015.18-1.768.915-1.946 1.802c-.037.184-.041.422-.041 1.12zm.944 1.349c-.698.086-1.058.245-1.306.474a2.2 2.2 0 0 0-.403.501c-.18.303-.267.712-.224 1.447c.044.748.213 1.716.454 3.092c.175.993.297 1.682.445 2.208c.144.511.293.793.48.996q.174.19.382.331c.222.15.508.25 1.013.304c.52.056 1.194.057 2.17.057h6.59c.976 0 1.65-.001 2.17-.057c.505-.054.79-.154 1.013-.304q.208-.142.382-.33c.187-.204.337-.486.48-.997c.148-.526.27-1.215.445-2.208c.241-1.376.41-2.344.454-3.092c.043-.735-.044-1.144-.224-1.447a2.2 2.2 0 0 0-.403-.501c-.248-.23-.608-.388-1.306-.474c-.713-.089-1.658-.09-3.011-.09h-6.59c-1.353 0-2.298.001-3.011.09M9.25 17a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconFolderOpen(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M7.879 1.25h.114c.278 0 .463 0 .645.016c.78.068 1.527.356 2.139.832c.143.111.276.236.471.42l.025.022l.44.413c.682.64.925.858 1.204 1.004q.248.129.525.204c.313.083.658.089 1.62.089h.347c1.013 0 1.84 0 2.495.077c.681.08 1.283.254 1.784.677q.125.105.238.222c.46.48.652 1.063.74 1.721c.084.624.084 1.407.084 2.35v2.032q.321.326.556.722c.4.674.481 1.433.43 2.3c-.049.844-.234 1.897-.466 3.216l-.015.086c-.166.944-.3 1.708-.47 2.315c-.177.628-.411 1.16-.82 1.605q-.29.317-.646.558c-.502.34-1.057.485-1.694.553c-.61.066-1.364.066-2.289.066H8.664c-.925 0-1.679 0-2.29-.066c-.636-.068-1.191-.213-1.693-.553a3.7 3.7 0 0 1-.647-.558c-.408-.446-.642-.977-.818-1.605c-.17-.607-.305-1.37-.471-2.315l-.015-.087c-.232-1.317-.417-2.371-.466-3.216c-.051-.866.03-1.625.43-2.299q.234-.396.556-.722V5.627c0-.58 0-.98.07-1.331c.31-1.54 1.583-2.704 3.156-2.983c.36-.063.775-.063 1.403-.063M4.75 10.491q.36-.092.76-.14c.815-.101 1.854-.101 3.144-.101h6.692c1.29 0 2.329 0 3.145.101q.398.048.759.14V9.348c0-1.008-.002-1.689-.07-2.201c-.066-.49-.181-.72-.337-.882a2 2 0 0 0-.122-.115c-.182-.153-.45-.269-.992-.333c-.558-.066-1.296-.067-2.367-.067h-.398c-.828 0-1.383 0-1.91-.14a4 4 0 0 1-.831-.323c-.483-.252-.88-.625-1.464-1.172l-.072-.068l-.44-.413a6 6 0 0 0-.39-.351a2.57 2.57 0 0 0-1.35-.523a7 7 0 0 0-.547-.01c-.738 0-1.01.003-1.223.04c-1.015.18-1.768.915-1.946 1.802c-.037.184-.041.422-.041 1.12zm.944 1.349c-.698.086-1.058.245-1.306.474a2.2 2.2 0 0 0-.403.501c-.18.303-.267.712-.224 1.447c.044.748.213 1.716.454 3.092c.175.993.297 1.682.445 2.208c.144.511.293.793.48.996q.174.19.382.331c.222.15.508.25 1.013.304c.52.056 1.194.057 2.17.057h6.59c.976 0 1.65-.001 2.17-.057c.505-.054.79-.154 1.013-.304q.208-.142.382-.33c.187-.204.337-.486.48-.997c.148-.526.27-1.215.445-2.208c.241-1.376.41-2.344.454-3.092c.043-.735-.044-1.144-.224-1.447a2.2 2.2 0 0 0-.403-.501c-.248-.23-.608-.388-1.306-.474c-.713-.089-1.658-.09-3.011-.09h-6.59c-1.353 0-2.298.001-3.011.09M9.25 17a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.879 1.25h.114c.278 0 .463 0 .645.016c.78.068 1.527.356 2.139.832c.143.111.276.236.471.42l.025.022l.44.413c.682.64.925.858 1.204 1.004q.248.129.525.204c.313.083.658.089 1.62.089h.347c1.013 0 1.84 0 2.495.077c.681.08 1.283.254 1.784.677q.125.105.238.222c.46.48.652 1.063.74 1.721c.084.624.084 1.407.084 2.35v2.032q.321.326.556.722c.4.674.481 1.433.43 2.3c-.049.844-.234 1.897-.466 3.216l-.015.086c-.166.944-.3 1.708-.47 2.315c-.177.628-.411 1.16-.82 1.605q-.29.317-.646.558c-.502.34-1.057.485-1.694.553c-.61.066-1.364.066-2.289.066H8.664c-.925 0-1.679 0-2.29-.066c-.636-.068-1.191-.213-1.693-.553a3.7 3.7 0 0 1-.647-.558c-.408-.446-.642-.977-.818-1.605c-.17-.607-.305-1.37-.471-2.315l-.015-.087c-.232-1.317-.417-2.371-.466-3.216c-.051-.866.03-1.625.43-2.299q.234-.396.556-.722V5.627c0-.58 0-.98.07-1.331c.31-1.54 1.583-2.704 3.156-2.983c.36-.063.775-.063 1.403-.063M4.75 10.491q.36-.092.76-.14c.815-.101 1.854-.101 3.144-.101h6.692c1.29 0 2.329 0 3.145.101q.398.048.759.14V9.348c0-1.008-.002-1.689-.07-2.201c-.066-.49-.181-.72-.337-.882a2 2 0 0 0-.122-.115c-.182-.153-.45-.269-.992-.333c-.558-.066-1.296-.067-2.367-.067h-.398c-.828 0-1.383 0-1.91-.14a4 4 0 0 1-.831-.323c-.483-.252-.88-.625-1.464-1.172l-.072-.068l-.44-.413a6 6 0 0 0-.39-.351a2.57 2.57 0 0 0-1.35-.523a7 7 0 0 0-.547-.01c-.738 0-1.01.003-1.223.04c-1.015.18-1.768.915-1.946 1.802c-.037.184-.041.422-.041 1.12zm.944 1.349c-.698.086-1.058.245-1.306.474a2.2 2.2 0 0 0-.403.501c-.18.303-.267.712-.224 1.447c.044.748.213 1.716.454 3.092c.175.993.297 1.682.445 2.208c.144.511.293.793.48.996q.174.19.382.331c.222.15.508.25 1.013.304c.52.056 1.194.057 2.17.057h6.59c.976 0 1.65-.001 2.17-.057c.505-.054.79-.154 1.013-.304q.208-.142.382-.33c.187-.204.337-.486.48-.997c.148-.526.27-1.215.445-2.208c.241-1.376.41-2.344.454-3.092c.043-.735-.044-1.144-.224-1.447a2.2 2.2 0 0 0-.403-.501c-.248-.23-.608-.388-1.306-.474c-.713-.089-1.658-.09-3.011-.09h-6.59c-1.353 0-2.298.001-3.011.09M9.25 17a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.879%201.25h.114c.278%200%20.463%200%20.645.016c.78.068%201.527.356%202.139.832c.143.111.276.236.471.42l.025.022l.44.413c.682.64.925.858%201.204%201.004q.248.129.525.204c.313.083.658.089%201.62.089h.347c1.013%200%201.84%200%202.495.077c.681.08%201.283.254%201.784.677q.125.105.238.222c.46.48.652%201.063.74%201.721c.084.624.084%201.407.084%202.35v2.032q.321.326.556.722c.4.674.481%201.433.43%202.3c-.049.844-.234%201.897-.466%203.216l-.015.086c-.166.944-.3%201.708-.47%202.315c-.177.628-.411%201.16-.82%201.605q-.29.317-.646.558c-.502.34-1.057.485-1.694.553c-.61.066-1.364.066-2.289.066H8.664c-.925%200-1.679%200-2.29-.066c-.636-.068-1.191-.213-1.693-.553a3.7%203.7%200%200%201-.647-.558c-.408-.446-.642-.977-.818-1.605c-.17-.607-.305-1.37-.471-2.315l-.015-.087c-.232-1.317-.417-2.371-.466-3.216c-.051-.866.03-1.625.43-2.299q.234-.396.556-.722V5.627c0-.58%200-.98.07-1.331c.31-1.54%201.583-2.704%203.156-2.983c.36-.063.775-.063%201.403-.063M4.75%2010.491q.36-.092.76-.14c.815-.101%201.854-.101%203.144-.101h6.692c1.29%200%202.329%200%203.145.101q.398.048.759.14V9.348c0-1.008-.002-1.689-.07-2.201c-.066-.49-.181-.72-.337-.882a2%202%200%200%200-.122-.115c-.182-.153-.45-.269-.992-.333c-.558-.066-1.296-.067-2.367-.067h-.398c-.828%200-1.383%200-1.91-.14a4%204%200%200%201-.831-.323c-.483-.252-.88-.625-1.464-1.172l-.072-.068l-.44-.413a6%206%200%200%200-.39-.351a2.57%202.57%200%200%200-1.35-.523a7%207%200%200%200-.547-.01c-.738%200-1.01.003-1.223.04c-1.015.18-1.768.915-1.946%201.802c-.037.184-.041.422-.041%201.12zm.944%201.349c-.698.086-1.058.245-1.306.474a2.2%202.2%200%200%200-.403.501c-.18.303-.267.712-.224%201.447c.044.748.213%201.716.454%203.092c.175.993.297%201.682.445%202.208c.144.511.293.793.48.996q.174.19.382.331c.222.15.508.25%201.013.304c.52.056%201.194.057%202.17.057h6.59c.976%200%201.65-.001%202.17-.057c.505-.054.79-.154%201.013-.304q.208-.142.382-.33c.187-.204.337-.486.48-.997c.148-.526.27-1.215.445-2.208c.241-1.376.41-2.344.454-3.092c.043-.735-.044-1.144-.224-1.447a2.2%202.2%200%200%200-.403-.501c-.248-.23-.608-.388-1.306-.474c-.713-.089-1.658-.09-3.011-.09h-6.59c-1.353%200-2.298.001-3.011.09M9.25%2017a.75.75%200%200%201%20.75-.75h4a.75.75%200%200%201%200%201.5h-4a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.879%201.25h.114c.278%200%20.463%200%20.645.016c.78.068%201.527.356%202.139.832c.143.111.276.236.471.42l.025.022l.44.413c.682.64.925.858%201.204%201.004q.248.129.525.204c.313.083.658.089%201.62.089h.347c1.013%200%201.84%200%202.495.077c.681.08%201.283.254%201.784.677q.125.105.238.222c.46.48.652%201.063.74%201.721c.084.624.084%201.407.084%202.35v2.032q.321.326.556.722c.4.674.481%201.433.43%202.3c-.049.844-.234%201.897-.466%203.216l-.015.086c-.166.944-.3%201.708-.47%202.315c-.177.628-.411%201.16-.82%201.605q-.29.317-.646.558c-.502.34-1.057.485-1.694.553c-.61.066-1.364.066-2.289.066H8.664c-.925%200-1.679%200-2.29-.066c-.636-.068-1.191-.213-1.693-.553a3.7%203.7%200%200%201-.647-.558c-.408-.446-.642-.977-.818-1.605c-.17-.607-.305-1.37-.471-2.315l-.015-.087c-.232-1.317-.417-2.371-.466-3.216c-.051-.866.03-1.625.43-2.299q.234-.396.556-.722V5.627c0-.58%200-.98.07-1.331c.31-1.54%201.583-2.704%203.156-2.983c.36-.063.775-.063%201.403-.063M4.75%2010.491q.36-.092.76-.14c.815-.101%201.854-.101%203.144-.101h6.692c1.29%200%202.329%200%203.145.101q.398.048.759.14V9.348c0-1.008-.002-1.689-.07-2.201c-.066-.49-.181-.72-.337-.882a2%202%200%200%200-.122-.115c-.182-.153-.45-.269-.992-.333c-.558-.066-1.296-.067-2.367-.067h-.398c-.828%200-1.383%200-1.91-.14a4%204%200%200%201-.831-.323c-.483-.252-.88-.625-1.464-1.172l-.072-.068l-.44-.413a6%206%200%200%200-.39-.351a2.57%202.57%200%200%200-1.35-.523a7%207%200%200%200-.547-.01c-.738%200-1.01.003-1.223.04c-1.015.18-1.768.915-1.946%201.802c-.037.184-.041.422-.041%201.12zm.944%201.349c-.698.086-1.058.245-1.306.474a2.2%202.2%200%200%200-.403.501c-.18.303-.267.712-.224%201.447c.044.748.213%201.716.454%203.092c.175.993.297%201.682.445%202.208c.144.511.293.793.48.996q.174.19.382.331c.222.15.508.25%201.013.304c.52.056%201.194.057%202.17.057h6.59c.976%200%201.65-.001%202.17-.057c.505-.054.79-.154%201.013-.304q.208-.142.382-.33c.187-.204.337-.486.48-.997c.148-.526.27-1.215.445-2.208c.241-1.376.41-2.344.454-3.092c.043-.735-.044-1.144-.224-1.447a2.2%202.2%200%200%200-.403-.501c-.248-.23-.608-.388-1.306-.474c-.713-.089-1.658-.09-3.011-.09h-6.59c-1.353%200-2.298.001-3.011.09M9.25%2017a.75.75%200%200%201%20.75-.75h4a.75.75%200%200%201%200%201.5h-4a.75.75%200%200%201-.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/folder-open.svg?color=%231a73e8&size=48
