folder icon
folder-bold-duotone from Solar by 480 Design · Bold Duotone · Folders · CC-BY-4.0 Attribution required.
- Name
- folder-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Folders
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
folderAkar Iconsfolder-filledAnt Design IconsfolderBootstrap IconsfolderBoxIcons v2folderBoxIcons v2 SolidfolderCarbonfolderCatppuccin IconsfolderCodiconsfolderElement Plusfolder-fillEva IconsfolderFramework7 IconsfolderFont Awesome 6 RegularfolderFont Awesome 6 SolidfolderFont Awesome RegularfolderFont Awesome SolidfolderFeather Iconsfolder-outlineFlowbite Iconsfolder-16-filledFluent UI System IconsfolderFirefox OS Emojifoldercss.ggfolderHeroIconsfolderHumbleiconsfolderIconParkfolderIconPark Outline
More folders icons from Solar
add-folder-boldfolder-2-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-open-boldfolder-output-boldfolder-path-connect-boldfolder-pen-boldfolder-search-boldfolder-security-boldfolder-symlink-boldfolder-sync-bold
Use the folder icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 14V11.7979C22 9.16554 22 7.84935 21.2305 6.99383C21.1598 6.91514 21.0849 6.84024 21.0062 6.76946C20.1506 6 18.8345 6 16.2021 6H15.8284C14.6747 6 14.0979 6 13.5604 5.84678C13.2651 5.7626 12.9804 5.64471 12.7121 5.49543C12.2237 5.22367 11.8158 4.81578 11 4L10.4497 3.44975C10.1763 3.17633 10.0396 3.03961 9.89594 2.92051C9.27652 2.40704 8.51665 2.09229 7.71557 2.01738C7.52976 2 7.33642 2 6.94975 2C6.06722 2 5.62595 2 5.25839 2.06935C3.64031 2.37464 2.37464 3.64031 2.06935 5.25839C2 5.62595 2 6.06722 2 6.94975V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C22 19.6569 22 17.7712 22 14Z" opacity=".5"/><path d="M12.25 10C12.25 9.58579 12.5858 9.25 13 9.25H18C18.4142 9.25 18.75 9.58579 18.75 10C18.75 10.4142 18.4142 10.75 18 10.75H13C12.5858 10.75 12.25 10.4142 12.25 10Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarFolderBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 14V11.7979C22 9.16554 22 7.84935 21.2305 6.99383C21.1598 6.91514 21.0849 6.84024 21.0062 6.76946C20.1506 6 18.8345 6 16.2021 6H15.8284C14.6747 6 14.0979 6 13.5604 5.84678C13.2651 5.7626 12.9804 5.64471 12.7121 5.49543C12.2237 5.22367 11.8158 4.81578 11 4L10.4497 3.44975C10.1763 3.17633 10.0396 3.03961 9.89594 2.92051C9.27652 2.40704 8.51665 2.09229 7.71557 2.01738C7.52976 2 7.33642 2 6.94975 2C6.06722 2 5.62595 2 5.25839 2.06935C3.64031 2.37464 2.37464 3.64031 2.06935 5.25839C2 5.62595 2 6.06722 2 6.94975V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C22 19.6569 22 17.7712 22 14Z" opacity=".5"/><path d="M12.25 10C12.25 9.58579 12.5858 9.25 13 9.25H18C18.4142 9.25 18.75 9.58579 18.75 10C18.75 10.4142 18.4142 10.75 18 10.75H13C12.5858 10.75 12.25 10.4142 12.25 10Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 14V11.7979C22 9.16554 22 7.84935 21.2305 6.99383C21.1598 6.91514 21.0849 6.84024 21.0062 6.76946C20.1506 6 18.8345 6 16.2021 6H15.8284C14.6747 6 14.0979 6 13.5604 5.84678C13.2651 5.7626 12.9804 5.64471 12.7121 5.49543C12.2237 5.22367 11.8158 4.81578 11 4L10.4497 3.44975C10.1763 3.17633 10.0396 3.03961 9.89594 2.92051C9.27652 2.40704 8.51665 2.09229 7.71557 2.01738C7.52976 2 7.33642 2 6.94975 2C6.06722 2 5.62595 2 5.25839 2.06935C3.64031 2.37464 2.37464 3.64031 2.06935 5.25839C2 5.62595 2 6.06722 2 6.94975V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C22 19.6569 22 17.7712 22 14Z" opacity=".5"/><path d="M12.25 10C12.25 9.58579 12.5858 9.25 13 9.25H18C18.4142 9.25 18.75 9.58579 18.75 10C18.75 10.4142 18.4142 10.75 18 10.75H13C12.5858 10.75 12.25 10.4142 12.25 10Z"/></g></svg> </template>
CSS
.icon-folder-bold-duotone {
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%22currentColor%22%3E%3Cpath%20d%3D%22M22%2014V11.7979C22%209.16554%2022%207.84935%2021.2305%206.99383C21.1598%206.91514%2021.0849%206.84024%2021.0062%206.76946C20.1506%206%2018.8345%206%2016.2021%206H15.8284C14.6747%206%2014.0979%206%2013.5604%205.84678C13.2651%205.7626%2012.9804%205.64471%2012.7121%205.49543C12.2237%205.22367%2011.8158%204.81578%2011%204L10.4497%203.44975C10.1763%203.17633%2010.0396%203.03961%209.89594%202.92051C9.27652%202.40704%208.51665%202.09229%207.71557%202.01738C7.52976%202%207.33642%202%206.94975%202C6.06722%202%205.62595%202%205.25839%202.06935C3.64031%202.37464%202.37464%203.64031%202.06935%205.25839C2%205.62595%202%206.06722%202%206.94975V14C2%2017.7712%202%2019.6569%203.17157%2020.8284C4.34315%2022%206.22876%2022%2010%2022H14C17.7712%2022%2019.6569%2022%2020.8284%2020.8284C22%2019.6569%2022%2017.7712%2022%2014Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12.25%2010C12.25%209.58579%2012.5858%209.25%2013%209.25H18C18.4142%209.25%2018.75%209.58579%2018.75%2010C18.75%2010.4142%2018.4142%2010.75%2018%2010.75H13C12.5858%2010.75%2012.25%2010.4142%2012.25%2010Z%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%22currentColor%22%3E%3Cpath%20d%3D%22M22%2014V11.7979C22%209.16554%2022%207.84935%2021.2305%206.99383C21.1598%206.91514%2021.0849%206.84024%2021.0062%206.76946C20.1506%206%2018.8345%206%2016.2021%206H15.8284C14.6747%206%2014.0979%206%2013.5604%205.84678C13.2651%205.7626%2012.9804%205.64471%2012.7121%205.49543C12.2237%205.22367%2011.8158%204.81578%2011%204L10.4497%203.44975C10.1763%203.17633%2010.0396%203.03961%209.89594%202.92051C9.27652%202.40704%208.51665%202.09229%207.71557%202.01738C7.52976%202%207.33642%202%206.94975%202C6.06722%202%205.62595%202%205.25839%202.06935C3.64031%202.37464%202.37464%203.64031%202.06935%205.25839C2%205.62595%202%206.06722%202%206.94975V14C2%2017.7712%202%2019.6569%203.17157%2020.8284C4.34315%2022%206.22876%2022%2010%2022H14C17.7712%2022%2019.6569%2022%2020.8284%2020.8284C22%2019.6569%2022%2017.7712%2022%2014Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12.25%2010C12.25%209.58579%2012.5858%209.25%2013%209.25H18C18.4142%209.25%2018.75%209.58579%2018.75%2010C18.75%2010.4142%2018.4142%2010.75%2018%2010.75H13C12.5858%2010.75%2012.25%2010.4142%2012.25%2010Z%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-bold-duotone.svg?color=%231a73e8&size=48
