file code icon
file-code-broken from Solar by 480 Design · Broken · Files · CC-BY-4.0 Attribution required.
- Name
- file-code-broken
- Set
- Solar
- Style
- Broken
- Category
- Files
- Viewbox
- 24×24
- License
- CC BY 4.0
- Aliases
- code-file-broken
5 other variants in Solar
The same icon in other sets
file-codeBootstrap Iconsfile-codeCodiconsfile-codeFont Awesome 6 Regularfile-codeFont Awesome 6 Solidfile-codeFont Awesome Regularfile-codeFont Awesome Solidfile-code-outlineFlowbite Iconsfile-codeHuge Iconsfile-codeIconParkfile-codeIconPark Outlinefile-codeIconPark Solidfile-codeIconPark TwoTonefile-codeLine Awesomefile-codeLucidefile-codeMaterial Design Iconsfile-code-fillMingCute Iconfile-codeOcticonsfile-codePhosphorfile-code-fillRemix Iconfile-codeTabler Iconsfile-codeTDesign Icons
More files icons from Solar
file-add-boldfile-badge-boldfile-boldfile-braces-boldfile-chart-2-boldfile-chart-boldfile-check-boldfile-cloud-boldfile-cog-boldfile-corrupted-boldfile-download-boldfile-favorite-boldfile-figma-boldfile-left-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 code 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="M7 14L6 15L7 16M11.5 16L12.5 17L11.5 18M10 14L8.5 18"/><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 SolarFileCodeBroken(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="M7 14L6 15L7 16M11.5 16L12.5 17L11.5 18M10 14L8.5 18"/><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="M7 14L6 15L7 16M11.5 16L12.5 17L11.5 18M10 14L8.5 18"/><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-code-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%22M7%2014L6%2015L7%2016M11.5%2016L12.5%2017L11.5%2018M10%2014L8.5%2018%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%22M7%2014L6%2015L7%2016M11.5%2016L12.5%2017L11.5%2018M10%2014L8.5%2018%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-code-broken.svg?color=%231a73e8&size=48
