folder open icon

folder-open-linear from Solar by 480 Design · Linear · Folders · CC-BY-4.0 Attribution required.

Name
folder-open-linear
Set
Solar
Style
Linear
Category
Folders
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

folder-open-boldfolder-open-bold-duotonefolder-open-brokenfolder-open-line-duotonefolder-open-outline

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 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-openLine Awesomefolder-openLucidefolder-openMage Iconsfolder-openMajesticons

More folders icons from Solar

add-folder-boldfolder-2-boldfolder-boldfolder-check-boldfolder-clock-boldfolder-cloud-boldfolder-code-boldfolder-cog-boldfolder-dot-boldfolder-dot-open-boldfolder-down-boldfolder-error-boldfolder-favorite-bookmark-boldfolder-favorite-star-boldfolder-git-boldfolder-kanban-boldfolder-lock-boldfolder-output-boldfolder-path-connect-boldfolder-pen-boldfolder-search-boldfolder-security-boldfolder-symlink-boldfolder-sync-bold

Use the folder open icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 11.5V5.71231C4 5.05041 4 4.71946 4.05548 4.44379C4.29971 3.23023 5.31225 2.28098 6.60671 2.05201C6.90076 2 7.25377 2 7.9598 2C8.26914 2 8.42381 2 8.57246 2.01303C9.21332 2.06921 9.82122 2.30528 10.3168 2.69039C10.4317 2.77971 10.5411 2.88224 10.7598 3.08731L11.2 3.5C11.8526 4.11183 12.1789 4.41775 12.5697 4.62157C12.7844 4.73353 13.012 4.82195 13.2483 4.88508C13.6783 5 14.1398 5 15.0627 5H15.3617C17.4676 5 18.5205 5 19.2049 5.5771C19.2679 5.63018 19.3278 5.68635 19.3844 5.74537C20 6.38701 20 7.37415 20 9.34843V11.5"/><path stroke-linecap="round" d="M10 17H14"/><path d="M3.47674 17.4839C2.99958 14.7678 2.761 13.4097 3.33908 12.433C3.4866 12.1838 3.66852 11.9582 3.87908 11.7634C4.7042 11 6.0379 11 8.7053 11H15.2947C17.9621 11 19.2958 11 20.1209 11.7634C20.3315 11.9582 20.5134 12.1838 20.6609 12.433C21.239 13.4097 21.0004 14.7678 20.5233 17.4839C20.1798 19.4391 20.008 20.4167 19.4129 21.0655C19.2585 21.2338 19.0858 21.383 18.8982 21.5101C18.175 22 17.2149 22 15.2947 22H8.70531C6.7851 22 5.825 22 5.10183 21.5101C4.9142 21.383 4.74145 21.2338 4.58706 21.0655C3.99198 20.4167 3.82024 19.4391 3.47674 17.4839Z"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarFolderOpenLinear(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M4 11.5V5.71231C4 5.05041 4 4.71946 4.05548 4.44379C4.29971 3.23023 5.31225 2.28098 6.60671 2.05201C6.90076 2 7.25377 2 7.9598 2C8.26914 2 8.42381 2 8.57246 2.01303C9.21332 2.06921 9.82122 2.30528 10.3168 2.69039C10.4317 2.77971 10.5411 2.88224 10.7598 3.08731L11.2 3.5C11.8526 4.11183 12.1789 4.41775 12.5697 4.62157C12.7844 4.73353 13.012 4.82195 13.2483 4.88508C13.6783 5 14.1398 5 15.0627 5H15.3617C17.4676 5 18.5205 5 19.2049 5.5771C19.2679 5.63018 19.3278 5.68635 19.3844 5.74537C20 6.38701 20 7.37415 20 9.34843V11.5"/><path strokeLinecap="round" d="M10 17H14"/><path d="M3.47674 17.4839C2.99958 14.7678 2.761 13.4097 3.33908 12.433C3.4866 12.1838 3.66852 11.9582 3.87908 11.7634C4.7042 11 6.0379 11 8.7053 11H15.2947C17.9621 11 19.2958 11 20.1209 11.7634C20.3315 11.9582 20.5134 12.1838 20.6609 12.433C21.239 13.4097 21.0004 14.7678 20.5233 17.4839C20.1798 19.4391 20.008 20.4167 19.4129 21.0655C19.2585 21.2338 19.0858 21.383 18.8982 21.5101C18.175 22 17.2149 22 15.2947 22H8.70531C6.7851 22 5.825 22 5.10183 21.5101C4.9142 21.383 4.74145 21.2338 4.58706 21.0655C3.99198 20.4167 3.82024 19.4391 3.47674 17.4839Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 11.5V5.71231C4 5.05041 4 4.71946 4.05548 4.44379C4.29971 3.23023 5.31225 2.28098 6.60671 2.05201C6.90076 2 7.25377 2 7.9598 2C8.26914 2 8.42381 2 8.57246 2.01303C9.21332 2.06921 9.82122 2.30528 10.3168 2.69039C10.4317 2.77971 10.5411 2.88224 10.7598 3.08731L11.2 3.5C11.8526 4.11183 12.1789 4.41775 12.5697 4.62157C12.7844 4.73353 13.012 4.82195 13.2483 4.88508C13.6783 5 14.1398 5 15.0627 5H15.3617C17.4676 5 18.5205 5 19.2049 5.5771C19.2679 5.63018 19.3278 5.68635 19.3844 5.74537C20 6.38701 20 7.37415 20 9.34843V11.5"/><path stroke-linecap="round" d="M10 17H14"/><path d="M3.47674 17.4839C2.99958 14.7678 2.761 13.4097 3.33908 12.433C3.4866 12.1838 3.66852 11.9582 3.87908 11.7634C4.7042 11 6.0379 11 8.7053 11H15.2947C17.9621 11 19.2958 11 20.1209 11.7634C20.3315 11.9582 20.5134 12.1838 20.6609 12.433C21.239 13.4097 21.0004 14.7678 20.5233 17.4839C20.1798 19.4391 20.008 20.4167 19.4129 21.0655C19.2585 21.2338 19.0858 21.383 18.8982 21.5101C18.175 22 17.2149 22 15.2947 22H8.70531C6.7851 22 5.825 22 5.10183 21.5101C4.9142 21.383 4.74145 21.2338 4.58706 21.0655C3.99198 20.4167 3.82024 19.4391 3.47674 17.4839Z"/></g></svg>
</template>

CSS

.icon-folder-open-linear {
  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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M4%2011.5V5.71231C4%205.05041%204%204.71946%204.05548%204.44379C4.29971%203.23023%205.31225%202.28098%206.60671%202.05201C6.90076%202%207.25377%202%207.9598%202C8.26914%202%208.42381%202%208.57246%202.01303C9.21332%202.06921%209.82122%202.30528%2010.3168%202.69039C10.4317%202.77971%2010.5411%202.88224%2010.7598%203.08731L11.2%203.5C11.8526%204.11183%2012.1789%204.41775%2012.5697%204.62157C12.7844%204.73353%2013.012%204.82195%2013.2483%204.88508C13.6783%205%2014.1398%205%2015.0627%205H15.3617C17.4676%205%2018.5205%205%2019.2049%205.5771C19.2679%205.63018%2019.3278%205.68635%2019.3844%205.74537C20%206.38701%2020%207.37415%2020%209.34843V11.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%2017H14%22%2F%3E%3Cpath%20d%3D%22M3.47674%2017.4839C2.99958%2014.7678%202.761%2013.4097%203.33908%2012.433C3.4866%2012.1838%203.66852%2011.9582%203.87908%2011.7634C4.7042%2011%206.0379%2011%208.7053%2011H15.2947C17.9621%2011%2019.2958%2011%2020.1209%2011.7634C20.3315%2011.9582%2020.5134%2012.1838%2020.6609%2012.433C21.239%2013.4097%2021.0004%2014.7678%2020.5233%2017.4839C20.1798%2019.4391%2020.008%2020.4167%2019.4129%2021.0655C19.2585%2021.2338%2019.0858%2021.383%2018.8982%2021.5101C18.175%2022%2017.2149%2022%2015.2947%2022H8.70531C6.7851%2022%205.825%2022%205.10183%2021.5101C4.9142%2021.383%204.74145%2021.2338%204.58706%2021.0655C3.99198%2020.4167%203.82024%2019.4391%203.47674%2017.4839Z%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M4%2011.5V5.71231C4%205.05041%204%204.71946%204.05548%204.44379C4.29971%203.23023%205.31225%202.28098%206.60671%202.05201C6.90076%202%207.25377%202%207.9598%202C8.26914%202%208.42381%202%208.57246%202.01303C9.21332%202.06921%209.82122%202.30528%2010.3168%202.69039C10.4317%202.77971%2010.5411%202.88224%2010.7598%203.08731L11.2%203.5C11.8526%204.11183%2012.1789%204.41775%2012.5697%204.62157C12.7844%204.73353%2013.012%204.82195%2013.2483%204.88508C13.6783%205%2014.1398%205%2015.0627%205H15.3617C17.4676%205%2018.5205%205%2019.2049%205.5771C19.2679%205.63018%2019.3278%205.68635%2019.3844%205.74537C20%206.38701%2020%207.37415%2020%209.34843V11.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10%2017H14%22%2F%3E%3Cpath%20d%3D%22M3.47674%2017.4839C2.99958%2014.7678%202.761%2013.4097%203.33908%2012.433C3.4866%2012.1838%203.66852%2011.9582%203.87908%2011.7634C4.7042%2011%206.0379%2011%208.7053%2011H15.2947C17.9621%2011%2019.2958%2011%2020.1209%2011.7634C20.3315%2011.9582%2020.5134%2012.1838%2020.6609%2012.433C21.239%2013.4097%2021.0004%2014.7678%2020.5233%2017.4839C20.1798%2019.4391%2020.008%2020.4167%2019.4129%2021.0655C19.2585%2021.2338%2019.0858%2021.383%2018.8982%2021.5101C18.175%2022%2017.2149%2022%2015.2947%2022H8.70531C6.7851%2022%205.825%2022%205.10183%2021.5101C4.9142%2021.383%204.74145%2021.2338%204.58706%2021.0655C3.99198%2020.4167%203.82024%2019.4391%203.47674%2017.4839Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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