file type icon
file-type-line-duotone from Solar by 480 Design · Line Duotone · Files · CC-BY-4.0 Attribution required.
- Name
- file-type-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Files
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
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-right-boldfile-search-boldfile-send-boldfile-signal-boldfile-sliders-bold
Use the file type 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="M10.0296 2C6.23851 2 4.34296 2 3.17139 3.17157C1.99981 4.34315 2 6.22876 2 10V14C2 17.7712 2 19.6569 3.17157 20.8284"/><path d="M3.17139 20.8281C4.34296 21.9997 6.22858 21.9997 9.99981 21.9997L14 22C17.7712 22 19.6569 21.9997 20.8284 20.8281C22 19.6566 22 17.7712 22 14V13.5625"/><path stroke-linejoin="round" d="M19.3516 7.61621C20.6558 8.78998 21.3078 9.3774 21.6538 10.1543C21.9998 10.9312 21.9998 11.8085 21.9998 13.5631"/><path stroke-linejoin="round" d="M10.0298 2C11.5548 2 12.3173 2.00011 13.0093 2.26562C13.7012 2.53114 14.2651 3.03857 15.3929 4.05365L19.3516 7.61621"/><path d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H21.5" opacity=".5"/><path stroke-linejoin="round" d="M9.25 11.5H8.175C7.30492 11.5 6.86989 11.5 6.58575 11.7525C6.55638 11.7786 6.52858 11.8064 6.50249 11.8357C6.25 12.1199 6.25 12.5549 6.25 13.425M9.25 11.5H10.325C11.1951 11.5 11.6301 11.5 11.9143 11.7525C11.9436 11.7786 11.9714 11.8064 11.9975 11.8357C12.25 12.1199 12.25 12.5549 12.25 13.425M9.25 11.5V18.5M7.25 18.5H11.25" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarFileTypeLineDuotone(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="M10.0296 2C6.23851 2 4.34296 2 3.17139 3.17157C1.99981 4.34315 2 6.22876 2 10V14C2 17.7712 2 19.6569 3.17157 20.8284"/><path d="M3.17139 20.8281C4.34296 21.9997 6.22858 21.9997 9.99981 21.9997L14 22C17.7712 22 19.6569 21.9997 20.8284 20.8281C22 19.6566 22 17.7712 22 14V13.5625"/><path strokeLinejoin="round" d="M19.3516 7.61621C20.6558 8.78998 21.3078 9.3774 21.6538 10.1543C21.9998 10.9312 21.9998 11.8085 21.9998 13.5631"/><path strokeLinejoin="round" d="M10.0298 2C11.5548 2 12.3173 2.00011 13.0093 2.26562C13.7012 2.53114 14.2651 3.03857 15.3929 4.05365L19.3516 7.61621"/><path d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H21.5" opacity=".5"/><path strokeLinejoin="round" d="M9.25 11.5H8.175C7.30492 11.5 6.86989 11.5 6.58575 11.7525C6.55638 11.7786 6.52858 11.8064 6.50249 11.8357C6.25 12.1199 6.25 12.5549 6.25 13.425M9.25 11.5H10.325C11.1951 11.5 11.6301 11.5 11.9143 11.7525C11.9436 11.7786 11.9714 11.8064 11.9975 11.8357C12.25 12.1199 12.25 12.5549 12.25 13.425M9.25 11.5V18.5M7.25 18.5H11.25" opacity=".5"/></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="M10.0296 2C6.23851 2 4.34296 2 3.17139 3.17157C1.99981 4.34315 2 6.22876 2 10V14C2 17.7712 2 19.6569 3.17157 20.8284"/><path d="M3.17139 20.8281C4.34296 21.9997 6.22858 21.9997 9.99981 21.9997L14 22C17.7712 22 19.6569 21.9997 20.8284 20.8281C22 19.6566 22 17.7712 22 14V13.5625"/><path stroke-linejoin="round" d="M19.3516 7.61621C20.6558 8.78998 21.3078 9.3774 21.6538 10.1543C21.9998 10.9312 21.9998 11.8085 21.9998 13.5631"/><path stroke-linejoin="round" d="M10.0298 2C11.5548 2 12.3173 2.00011 13.0093 2.26562C13.7012 2.53114 14.2651 3.03857 15.3929 4.05365L19.3516 7.61621"/><path d="M13 2.5V5C13 7.35702 13 8.53553 13.7322 9.26777C14.4645 10 15.643 10 18 10H21.5" opacity=".5"/><path stroke-linejoin="round" d="M9.25 11.5H8.175C7.30492 11.5 6.86989 11.5 6.58575 11.7525C6.55638 11.7786 6.52858 11.8064 6.50249 11.8357C6.25 12.1199 6.25 12.5549 6.25 13.425M9.25 11.5H10.325C11.1951 11.5 11.6301 11.5 11.9143 11.7525C11.9436 11.7786 11.9714 11.8064 11.9975 11.8357C12.25 12.1199 12.25 12.5549 12.25 13.425M9.25 11.5V18.5M7.25 18.5H11.25" opacity=".5"/></g></svg> </template>
CSS
.icon-file-type-line-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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M10.0296%202C6.23851%202%204.34296%202%203.17139%203.17157C1.99981%204.34315%202%206.22876%202%2010V14C2%2017.7712%202%2019.6569%203.17157%2020.8284%22%2F%3E%3Cpath%20d%3D%22M3.17139%2020.8281C4.34296%2021.9997%206.22858%2021.9997%209.99981%2021.9997L14%2022C17.7712%2022%2019.6569%2021.9997%2020.8284%2020.8281C22%2019.6566%2022%2017.7712%2022%2014V13.5625%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M19.3516%207.61621C20.6558%208.78998%2021.3078%209.3774%2021.6538%2010.1543C21.9998%2010.9312%2021.9998%2011.8085%2021.9998%2013.5631%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M10.0298%202C11.5548%202%2012.3173%202.00011%2013.0093%202.26562C13.7012%202.53114%2014.2651%203.03857%2015.3929%204.05365L19.3516%207.61621%22%2F%3E%3Cpath%20d%3D%22M13%202.5V5C13%207.35702%2013%208.53553%2013.7322%209.26777C14.4645%2010%2015.643%2010%2018%2010H21.5%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M9.25%2011.5H8.175C7.30492%2011.5%206.86989%2011.5%206.58575%2011.7525C6.55638%2011.7786%206.52858%2011.8064%206.50249%2011.8357C6.25%2012.1199%206.25%2012.5549%206.25%2013.425M9.25%2011.5H10.325C11.1951%2011.5%2011.6301%2011.5%2011.9143%2011.7525C11.9436%2011.7786%2011.9714%2011.8064%2011.9975%2011.8357C12.25%2012.1199%2012.25%2012.5549%2012.25%2013.425M9.25%2011.5V18.5M7.25%2018.5H11.25%22%20opacity%3D%22.5%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%22M10.0296%202C6.23851%202%204.34296%202%203.17139%203.17157C1.99981%204.34315%202%206.22876%202%2010V14C2%2017.7712%202%2019.6569%203.17157%2020.8284%22%2F%3E%3Cpath%20d%3D%22M3.17139%2020.8281C4.34296%2021.9997%206.22858%2021.9997%209.99981%2021.9997L14%2022C17.7712%2022%2019.6569%2021.9997%2020.8284%2020.8281C22%2019.6566%2022%2017.7712%2022%2014V13.5625%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M19.3516%207.61621C20.6558%208.78998%2021.3078%209.3774%2021.6538%2010.1543C21.9998%2010.9312%2021.9998%2011.8085%2021.9998%2013.5631%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M10.0298%202C11.5548%202%2012.3173%202.00011%2013.0093%202.26562C13.7012%202.53114%2014.2651%203.03857%2015.3929%204.05365L19.3516%207.61621%22%2F%3E%3Cpath%20d%3D%22M13%202.5V5C13%207.35702%2013%208.53553%2013.7322%209.26777C14.4645%2010%2015.643%2010%2018%2010H21.5%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M9.25%2011.5H8.175C7.30492%2011.5%206.86989%2011.5%206.58575%2011.7525C6.55638%2011.7786%206.52858%2011.8064%206.50249%2011.8357C6.25%2012.1199%206.25%2012.5549%206.25%2013.425M9.25%2011.5H10.325C11.1951%2011.5%2011.6301%2011.5%2011.9143%2011.7525C11.9436%2011.7786%2011.9714%2011.8064%2011.9975%2011.8357C12.25%2012.1199%2012.25%2012.5549%2012.25%2013.425M9.25%2011.5V18.5M7.25%2018.5H11.25%22%20opacity%3D%22.5%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-type-line-duotone.svg?color=%231a73e8&size=48
