file txt icon
file-txt-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- file-txt-filled
- Set
- TDesign Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
The same icon in other sets
Related icons in TDesign Icons
Use the file txt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 6.586V23H3V1h12.414zM4 12v2h1.5v6h2v-6H9v-2zm5.5 0v1.908c0 .305.101.587.268.816c.04.055.08.101.095.12c.023.027.02.022.014.015L10.743 16l-.866 1.14l-.014.016l-.095.12a1.4 1.4 0 0 0-.268.816V20h2v-1.691l.5-.658l.5.658V20h2v-1.908a1.4 1.4 0 0 0-.208-.728l-.06-.088l-.095-.12c-.023-.027-.02-.022-.014-.015L13.256 16l.867-1.14l.014-.016c.015-.019.055-.065.095-.12c.167-.229.268-.511.268-.816V12h-2v1.69l-.5.658l-.5-.658V12zm5.5 0v2h1.5v6h2v-6H20v-2zm-.5-4.5H19L14.5 3z"/></svg>
React
import type { SVGProps } from "react";
export function TdesignFileTxtFilled(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="M21 6.586V23H3V1h12.414zM4 12v2h1.5v6h2v-6H9v-2zm5.5 0v1.908c0 .305.101.587.268.816c.04.055.08.101.095.12c.023.027.02.022.014.015L10.743 16l-.866 1.14l-.014.016l-.095.12a1.4 1.4 0 0 0-.268.816V20h2v-1.691l.5-.658l.5.658V20h2v-1.908a1.4 1.4 0 0 0-.208-.728l-.06-.088l-.095-.12c-.023-.027-.02-.022-.014-.015L13.256 16l.867-1.14l.014-.016c.015-.019.055-.065.095-.12c.167-.229.268-.511.268-.816V12h-2v1.69l-.5.658l-.5-.658V12zm5.5 0v2h1.5v6h2v-6H20v-2zm-.5-4.5H19L14.5 3z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 6.586V23H3V1h12.414zM4 12v2h1.5v6h2v-6H9v-2zm5.5 0v1.908c0 .305.101.587.268.816c.04.055.08.101.095.12c.023.027.02.022.014.015L10.743 16l-.866 1.14l-.014.016l-.095.12a1.4 1.4 0 0 0-.268.816V20h2v-1.691l.5-.658l.5.658V20h2v-1.908a1.4 1.4 0 0 0-.208-.728l-.06-.088l-.095-.12c-.023-.027-.02-.022-.014-.015L13.256 16l.867-1.14l.014-.016c.015-.019.055-.065.095-.12c.167-.229.268-.511.268-.816V12h-2v1.69l-.5.658l-.5-.658V12zm5.5 0v2h1.5v6h2v-6H20v-2zm-.5-4.5H19L14.5 3z"/></svg> </template>
CSS
.icon-file-txt-filled {
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%22M21%206.586V23H3V1h12.414zM4%2012v2h1.5v6h2v-6H9v-2zm5.5%200v1.908c0%20.305.101.587.268.816c.04.055.08.101.095.12c.023.027.02.022.014.015L10.743%2016l-.866%201.14l-.014.016l-.095.12a1.4%201.4%200%200%200-.268.816V20h2v-1.691l.5-.658l.5.658V20h2v-1.908a1.4%201.4%200%200%200-.208-.728l-.06-.088l-.095-.12c-.023-.027-.02-.022-.014-.015L13.256%2016l.867-1.14l.014-.016c.015-.019.055-.065.095-.12c.167-.229.268-.511.268-.816V12h-2v1.69l-.5.658l-.5-.658V12zm5.5%200v2h1.5v6h2v-6H20v-2zm-.5-4.5H19L14.5%203z%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%22M21%206.586V23H3V1h12.414zM4%2012v2h1.5v6h2v-6H9v-2zm5.5%200v1.908c0%20.305.101.587.268.816c.04.055.08.101.095.12c.023.027.02.022.014.015L10.743%2016l-.866%201.14l-.014.016l-.095.12a1.4%201.4%200%200%200-.268.816V20h2v-1.691l.5-.658l.5.658V20h2v-1.908a1.4%201.4%200%200%200-.208-.728l-.06-.088l-.095-.12c-.023-.027-.02-.022-.014-.015L13.256%2016l.867-1.14l.014-.016c.015-.019.055-.065.095-.12c.167-.229.268-.511.268-.816V12h-2v1.69l-.5.658l-.5-.658V12zm5.5%200v2h1.5v6h2v-6H20v-2zm-.5-4.5H19L14.5%203z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/file-txt-filled.svg?color=%231a73e8&size=48
