file right icon
file-right-broken from Solar by 480 Design · Broken · Files · CC-BY-4.0 Attribution required.
- Name
- file-right-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-left-boldfile-minus-boldfile-pen-boldfile-question-mark-boldfile-remove-boldfile-search-boldfile-send-boldfile-signal-boldfile-sliders-boldfile-smile-bold
Use the file right 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="M6 16L11 16M9.125 18L11 16L9.125 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 SolarFileRightBroken(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="M6 16L11 16M9.125 18L11 16L9.125 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="M6 16L11 16M9.125 18L11 16L9.125 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-right-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%22M6%2016L11%2016M9.125%2018L11%2016L9.125%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%22M6%2016L11%2016M9.125%2018L11%2016L9.125%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-right-broken.svg?color=%231a73e8&size=48
