folders icon
folders-broken from Solar by 480 Design · Broken · Folders · CC-BY-4.0 Attribution required.
- Name
- folders-broken
- Set
- Solar
- Style
- Broken
- Category
- Folders
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
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-open-boldfolder-output-boldfolder-path-connect-boldfolder-pen-boldfolder-search-boldfolder-security-boldfolder-symlink-bold
Use the folders 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-linecap="round" stroke-width="1.5"><path d="M17.4277 21.04C16.4678 22 14.9227 22 11.8326 22H8.55508C5.46498 22 3.91994 22 2.95997 21.04C2 20.0801 2 18.535 2 15.4449V9.66805C2 8.94491 2 8.58335 2.05682 8.28217C2.14353 7.82261 2.32478 7.39775 2.57983 7.02832"/><path d="M21.9977 12.9886C21.9829 15.3243 21.872 16.5958 21.04 17.4277C20.0801 18.3877 18.535 18.3877 15.4449 18.3877H12.1674C9.07729 18.3877 7.53224 18.3877 6.57227 17.4277C5.6123 16.4678 5.6123 14.9227 5.6123 11.8326V6.05575C5.6123 5.33261 5.6123 4.97105 5.66913 4.66987C5.91928 3.34404 6.95635 2.30697 8.28218 2.05682C8.58335 2 8.94492 2 9.66805 2C9.98489 2 10.1433 2 10.2956 2.01424C10.9519 2.07562 11.5746 2.33352 12.0821 2.75426C12.1998 2.85184 12.3119 2.96386 12.5359 3.1879L12.9868 3.63877C13.6552 4.30721 13.9894 4.64143 14.3897 4.8641C14.6095 4.98642 14.8427 5.08302 15.0847 5.15199C15.5251 5.27754 15.9978 5.27754 16.9431 5.27754H17.2493C19.4062 5.27754 20.4847 5.27754 21.1857 5.90803C21.2501 5.96602 21.3115 6.02739 21.3695 6.09187C21.8934 6.67435 21.982 7.51744 21.997 9.0233"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarFoldersBroken(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" strokeLinecap="round" strokeWidth="1.5"><path d="M17.4277 21.04C16.4678 22 14.9227 22 11.8326 22H8.55508C5.46498 22 3.91994 22 2.95997 21.04C2 20.0801 2 18.535 2 15.4449V9.66805C2 8.94491 2 8.58335 2.05682 8.28217C2.14353 7.82261 2.32478 7.39775 2.57983 7.02832"/><path d="M21.9977 12.9886C21.9829 15.3243 21.872 16.5958 21.04 17.4277C20.0801 18.3877 18.535 18.3877 15.4449 18.3877H12.1674C9.07729 18.3877 7.53224 18.3877 6.57227 17.4277C5.6123 16.4678 5.6123 14.9227 5.6123 11.8326V6.05575C5.6123 5.33261 5.6123 4.97105 5.66913 4.66987C5.91928 3.34404 6.95635 2.30697 8.28218 2.05682C8.58335 2 8.94492 2 9.66805 2C9.98489 2 10.1433 2 10.2956 2.01424C10.9519 2.07562 11.5746 2.33352 12.0821 2.75426C12.1998 2.85184 12.3119 2.96386 12.5359 3.1879L12.9868 3.63877C13.6552 4.30721 13.9894 4.64143 14.3897 4.8641C14.6095 4.98642 14.8427 5.08302 15.0847 5.15199C15.5251 5.27754 15.9978 5.27754 16.9431 5.27754H17.2493C19.4062 5.27754 20.4847 5.27754 21.1857 5.90803C21.2501 5.96602 21.3115 6.02739 21.3695 6.09187C21.8934 6.67435 21.982 7.51744 21.997 9.0233"/></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-linecap="round" stroke-width="1.5"><path d="M17.4277 21.04C16.4678 22 14.9227 22 11.8326 22H8.55508C5.46498 22 3.91994 22 2.95997 21.04C2 20.0801 2 18.535 2 15.4449V9.66805C2 8.94491 2 8.58335 2.05682 8.28217C2.14353 7.82261 2.32478 7.39775 2.57983 7.02832"/><path d="M21.9977 12.9886C21.9829 15.3243 21.872 16.5958 21.04 17.4277C20.0801 18.3877 18.535 18.3877 15.4449 18.3877H12.1674C9.07729 18.3877 7.53224 18.3877 6.57227 17.4277C5.6123 16.4678 5.6123 14.9227 5.6123 11.8326V6.05575C5.6123 5.33261 5.6123 4.97105 5.66913 4.66987C5.91928 3.34404 6.95635 2.30697 8.28218 2.05682C8.58335 2 8.94492 2 9.66805 2C9.98489 2 10.1433 2 10.2956 2.01424C10.9519 2.07562 11.5746 2.33352 12.0821 2.75426C12.1998 2.85184 12.3119 2.96386 12.5359 3.1879L12.9868 3.63877C13.6552 4.30721 13.9894 4.64143 14.3897 4.8641C14.6095 4.98642 14.8427 5.08302 15.0847 5.15199C15.5251 5.27754 15.9978 5.27754 16.9431 5.27754H17.2493C19.4062 5.27754 20.4847 5.27754 21.1857 5.90803C21.2501 5.96602 21.3115 6.02739 21.3695 6.09187C21.8934 6.67435 21.982 7.51744 21.997 9.0233"/></g></svg> </template>
CSS
.icon-folders-broken {
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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17.4277%2021.04C16.4678%2022%2014.9227%2022%2011.8326%2022H8.55508C5.46498%2022%203.91994%2022%202.95997%2021.04C2%2020.0801%202%2018.535%202%2015.4449V9.66805C2%208.94491%202%208.58335%202.05682%208.28217C2.14353%207.82261%202.32478%207.39775%202.57983%207.02832%22%2F%3E%3Cpath%20d%3D%22M21.9977%2012.9886C21.9829%2015.3243%2021.872%2016.5958%2021.04%2017.4277C20.0801%2018.3877%2018.535%2018.3877%2015.4449%2018.3877H12.1674C9.07729%2018.3877%207.53224%2018.3877%206.57227%2017.4277C5.6123%2016.4678%205.6123%2014.9227%205.6123%2011.8326V6.05575C5.6123%205.33261%205.6123%204.97105%205.66913%204.66987C5.91928%203.34404%206.95635%202.30697%208.28218%202.05682C8.58335%202%208.94492%202%209.66805%202C9.98489%202%2010.1433%202%2010.2956%202.01424C10.9519%202.07562%2011.5746%202.33352%2012.0821%202.75426C12.1998%202.85184%2012.3119%202.96386%2012.5359%203.1879L12.9868%203.63877C13.6552%204.30721%2013.9894%204.64143%2014.3897%204.8641C14.6095%204.98642%2014.8427%205.08302%2015.0847%205.15199C15.5251%205.27754%2015.9978%205.27754%2016.9431%205.27754H17.2493C19.4062%205.27754%2020.4847%205.27754%2021.1857%205.90803C21.2501%205.96602%2021.3115%206.02739%2021.3695%206.09187C21.8934%206.67435%2021.982%207.51744%2021.997%209.0233%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-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M17.4277%2021.04C16.4678%2022%2014.9227%2022%2011.8326%2022H8.55508C5.46498%2022%203.91994%2022%202.95997%2021.04C2%2020.0801%202%2018.535%202%2015.4449V9.66805C2%208.94491%202%208.58335%202.05682%208.28217C2.14353%207.82261%202.32478%207.39775%202.57983%207.02832%22%2F%3E%3Cpath%20d%3D%22M21.9977%2012.9886C21.9829%2015.3243%2021.872%2016.5958%2021.04%2017.4277C20.0801%2018.3877%2018.535%2018.3877%2015.4449%2018.3877H12.1674C9.07729%2018.3877%207.53224%2018.3877%206.57227%2017.4277C5.6123%2016.4678%205.6123%2014.9227%205.6123%2011.8326V6.05575C5.6123%205.33261%205.6123%204.97105%205.66913%204.66987C5.91928%203.34404%206.95635%202.30697%208.28218%202.05682C8.58335%202%208.94492%202%209.66805%202C9.98489%202%2010.1433%202%2010.2956%202.01424C10.9519%202.07562%2011.5746%202.33352%2012.0821%202.75426C12.1998%202.85184%2012.3119%202.96386%2012.5359%203.1879L12.9868%203.63877C13.6552%204.30721%2013.9894%204.64143%2014.3897%204.8641C14.6095%204.98642%2014.8427%205.08302%2015.0847%205.15199C15.5251%205.27754%2015.9978%205.27754%2016.9431%205.27754H17.2493C19.4062%205.27754%2020.4847%205.27754%2021.1857%205.90803C21.2501%205.96602%2021.3115%206.02739%2021.3695%206.09187C21.8934%206.67435%2021.982%207.51744%2021.997%209.0233%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/folders-broken.svg?color=%231a73e8&size=48
