file left icon
file-left-broken from Solar by 480 Design · Broken · Files · CC-BY-4.0 Attribution required.
- Name
- file-left-broken
- Set
- Solar
- Style
- Broken
- Category
- Files
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More files icons from Solar
file-add-boldfile-badge-boldfile-boldfile-braces-boldfile-chart-2-boldfile-chart-boldfile-check-boldfile-cloud-boldfile-code-boldfile-cog-boldfile-corrupted-boldfile-download-boldfile-favorite-boldfile-figma-boldfile-minus-boldfile-pen-boldfile-question-mark-boldfile-remove-boldfile-right-boldfile-search-boldfile-send-boldfile-signal-boldfile-sliders-boldfile-smile-bold
Use the file left 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-linejoin="round" stroke-width="1.5"><path d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"/><path stroke-linecap="round" d="M11 16L6 16M7.875 18L6 16L7.875 14"/><path stroke-linecap="round" d="M2 10V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C21.4816 20.1752 21.7706 19.3001 21.8985 18M22 14V13.5629C22 11.8083 22 10.931 21.654 10.1541C21.308 9.3772 20.6559 8.79032 19.3517 7.61654L15.3929 4.05365C14.2651 3.03857 13.7012 2.53104 13.0092 2.26552C12.3173 2 11.5548 2 10.0298 2C6.23869 2 4.34315 2 3.17157 3.17157C2.51839 3.82475 2.22937 4.69989 2.10149 6"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarFileLeftBroken(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" strokeLinejoin="round" strokeWidth="1.5"><path d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"/><path strokeLinecap="round" d="M11 16L6 16M7.875 18L6 16L7.875 14"/><path strokeLinecap="round" d="M2 10V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C21.4816 20.1752 21.7706 19.3001 21.8985 18M22 14V13.5629C22 11.8083 22 10.931 21.654 10.1541C21.308 9.3772 20.6559 8.79032 19.3517 7.61654L15.3929 4.05365C14.2651 3.03857 13.7012 2.53104 13.0092 2.26552C12.3173 2 11.5548 2 10.0298 2C6.23869 2 4.34315 2 3.17157 3.17157C2.51839 3.82475 2.22937 4.69989 2.10149 6"/></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-linejoin="round" stroke-width="1.5"><path d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H22"/><path stroke-linecap="round" d="M11 16L6 16M7.875 18L6 16L7.875 14"/><path stroke-linecap="round" d="M2 10V14C2 17.7712 2 19.6569 3.17157 20.8284C4.34315 22 6.22876 22 10 22H14C17.7712 22 19.6569 22 20.8284 20.8284C21.4816 20.1752 21.7706 19.3001 21.8985 18M22 14V13.5629C22 11.8083 22 10.931 21.654 10.1541C21.308 9.3772 20.6559 8.79032 19.3517 7.61654L15.3929 4.05365C14.2651 3.03857 13.7012 2.53104 13.0092 2.26552C12.3173 2 11.5548 2 10.0298 2C6.23869 2 4.34315 2 3.17157 3.17157C2.51839 3.82475 2.22937 4.69989 2.10149 6"/></g></svg> </template>
CSS
.icon-file-left-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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M13%202.5V5C13%207.35702%2013%208.53553%2013.7322%209.26777C14.4645%2010%2015.643%2010%2018%2010H22%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M11%2016L6%2016M7.875%2018L6%2016L7.875%2014%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M2%2010V14C2%2017.7712%202%2019.6569%203.17157%2020.8284C4.34315%2022%206.22876%2022%2010%2022H14C17.7712%2022%2019.6569%2022%2020.8284%2020.8284C21.4816%2020.1752%2021.7706%2019.3001%2021.8985%2018M22%2014V13.5629C22%2011.8083%2022%2010.931%2021.654%2010.1541C21.308%209.3772%2020.6559%208.79032%2019.3517%207.61654L15.3929%204.05365C14.2651%203.03857%2013.7012%202.53104%2013.0092%202.26552C12.3173%202%2011.5548%202%2010.0298%202C6.23869%202%204.34315%202%203.17157%203.17157C2.51839%203.82475%202.22937%204.69989%202.10149%206%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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M13%202.5V5C13%207.35702%2013%208.53553%2013.7322%209.26777C14.4645%2010%2015.643%2010%2018%2010H22%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M11%2016L6%2016M7.875%2018L6%2016L7.875%2014%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M2%2010V14C2%2017.7712%202%2019.6569%203.17157%2020.8284C4.34315%2022%206.22876%2022%2010%2022H14C17.7712%2022%2019.6569%2022%2020.8284%2020.8284C21.4816%2020.1752%2021.7706%2019.3001%2021.8985%2018M22%2014V13.5629C22%2011.8083%2022%2010.931%2021.654%2010.1541C21.308%209.3772%2020.6559%208.79032%2019.3517%207.61654L15.3929%204.05365C14.2651%203.03857%2013.7012%202.53104%2013.0092%202.26552C12.3173%202%2011.5548%202%2010.0298%202C6.23869%202%204.34315%202%203.17157%203.17157C2.51839%203.82475%202.22937%204.69989%202.10149%206%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/file-left-broken.svg?color=%231a73e8&size=48
