file text icon
file-text-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- file-text-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
file-text-filledAnt Design Iconsfile-textBootstrap Iconsfile-textCodiconsfile-text-fillEva Iconsfile-textFont Awesome Regularfile-textFont Awesome Solidfile-textFeather Iconsfile-textHuge Iconsfile-textIconParkfile-textIconPark Outlinefile-textIconPark Solidfile-textIconPark TwoTonefile-textLucidefile-textMajesticonsfile-textMyna UI Iconsfile-textPhosphorfile-textPixelarticonsfile-textRadix Iconsfile-text-fillRemix Iconfile-text-boldSolarfile-textTabler Icons
Related icons in Keyline Icons
Use the file text icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14 1C14.2652 1 14.5195 1.1054 14.707 1.293L20.707 7.293C20.8946 7.4805 21 7.7348 21 8L21 18C21 20.7614 18.7614 23 16 23L8 23C5.2386 23 3 20.7614 3 18L3 6C3 3.2386 5.2386 1 8 1L14 1ZM8 16C7.4477 16 7 16.4477 7 17C7 17.5523 7.4477 18 8 18L16 18C16.5523 18 17 17.5523 17 17C17 16.4477 16.5523 16 16 16L8 16ZM8 12C7.4477 12 7 12.4477 7 13C7 13.5523 7.4477 14 8 14L12 14C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12L8 12ZM14 5C14 6.6568 15.3431 8 17 8L18.5858 8L14 3.4142L14 5Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsFileTextFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14 1C14.2652 1 14.5195 1.1054 14.707 1.293L20.707 7.293C20.8946 7.4805 21 7.7348 21 8L21 18C21 20.7614 18.7614 23 16 23L8 23C5.2386 23 3 20.7614 3 18L3 6C3 3.2386 5.2386 1 8 1L14 1ZM8 16C7.4477 16 7 16.4477 7 17C7 17.5523 7.4477 18 8 18L16 18C16.5523 18 17 17.5523 17 17C17 16.4477 16.5523 16 16 16L8 16ZM8 12C7.4477 12 7 12.4477 7 13C7 13.5523 7.4477 14 8 14L12 14C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12L8 12ZM14 5C14 6.6568 15.3431 8 17 8L18.5858 8L14 3.4142L14 5Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14 1C14.2652 1 14.5195 1.1054 14.707 1.293L20.707 7.293C20.8946 7.4805 21 7.7348 21 8L21 18C21 20.7614 18.7614 23 16 23L8 23C5.2386 23 3 20.7614 3 18L3 6C3 3.2386 5.2386 1 8 1L14 1ZM8 16C7.4477 16 7 16.4477 7 17C7 17.5523 7.4477 18 8 18L16 18C16.5523 18 17 17.5523 17 17C17 16.4477 16.5523 16 16 16L8 16ZM8 12C7.4477 12 7 12.4477 7 13C7 13.5523 7.4477 14 8 14L12 14C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12L8 12ZM14 5C14 6.6568 15.3431 8 17 8L18.5858 8L14 3.4142L14 5Z"/></svg> </template>
CSS
.icon-file-text-fill {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%201C14.2652%201%2014.5195%201.1054%2014.707%201.293L20.707%207.293C20.8946%207.4805%2021%207.7348%2021%208L21%2018C21%2020.7614%2018.7614%2023%2016%2023L8%2023C5.2386%2023%203%2020.7614%203%2018L3%206C3%203.2386%205.2386%201%208%201L14%201ZM8%2016C7.4477%2016%207%2016.4477%207%2017C7%2017.5523%207.4477%2018%208%2018L16%2018C16.5523%2018%2017%2017.5523%2017%2017C17%2016.4477%2016.5523%2016%2016%2016L8%2016ZM8%2012C7.4477%2012%207%2012.4477%207%2013C7%2013.5523%207.4477%2014%208%2014L12%2014C12.5523%2014%2013%2013.5523%2013%2013C13%2012.4477%2012.5523%2012%2012%2012L8%2012ZM14%205C14%206.6568%2015.3431%208%2017%208L18.5858%208L14%203.4142L14%205Z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%201C14.2652%201%2014.5195%201.1054%2014.707%201.293L20.707%207.293C20.8946%207.4805%2021%207.7348%2021%208L21%2018C21%2020.7614%2018.7614%2023%2016%2023L8%2023C5.2386%2023%203%2020.7614%203%2018L3%206C3%203.2386%205.2386%201%208%201L14%201ZM8%2016C7.4477%2016%207%2016.4477%207%2017C7%2017.5523%207.4477%2018%208%2018L16%2018C16.5523%2018%2017%2017.5523%2017%2017C17%2016.4477%2016.5523%2016%2016%2016L8%2016ZM8%2012C7.4477%2012%207%2012.4477%207%2013C7%2013.5523%207.4477%2014%208%2014L12%2014C12.5523%2014%2013%2013.5523%2013%2013C13%2012.4477%2012.5523%2012%2012%2012L8%2012ZM14%205C14%206.6568%2015.3431%208%2017%208L18.5858%208L14%203.4142L14%205Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/file-text-fill.svg?color=%231a73e8&size=48
