file text icon
file-text-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- file-text-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI 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-textPhosphorfile-textPixelarticonsfile-textRadix Iconsfile-text-fillRemix Iconfile-text-boldSolarfile-textTabler Icons
Related icons in Myna UI 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="M7.5 2.25h2.228c1.093 0 2.245.393 3.327.987c1.09.598 2.159 1.428 3.098 2.368s1.767 2.006 2.364 3.092c.591 1.077.983 2.221.983 3.303v6.75a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V5.25a3 3 0 0 1 3-3m7.592 4.415a13 13 0 0 0-2.38-1.894q.038.234.038.479V7.5a1.5 1.5 0 0 0 1.5 1.5h2.25q.246 0 .481.038a13 13 0 0 0-1.889-2.373M9 12.75a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5zm0 3a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5z"/></svg>
React
import type { SVGProps } from "react";
export function MynauiFileTextSolid(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="M7.5 2.25h2.228c1.093 0 2.245.393 3.327.987c1.09.598 2.159 1.428 3.098 2.368s1.767 2.006 2.364 3.092c.591 1.077.983 2.221.983 3.303v6.75a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V5.25a3 3 0 0 1 3-3m7.592 4.415a13 13 0 0 0-2.38-1.894q.038.234.038.479V7.5a1.5 1.5 0 0 0 1.5 1.5h2.25q.246 0 .481.038a13 13 0 0 0-1.889-2.373M9 12.75a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5zm0 3a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.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="M7.5 2.25h2.228c1.093 0 2.245.393 3.327.987c1.09.598 2.159 1.428 3.098 2.368s1.767 2.006 2.364 3.092c.591 1.077.983 2.221.983 3.303v6.75a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3V5.25a3 3 0 0 1 3-3m7.592 4.415a13 13 0 0 0-2.38-1.894q.038.234.038.479V7.5a1.5 1.5 0 0 0 1.5 1.5h2.25q.246 0 .481.038a13 13 0 0 0-1.889-2.373M9 12.75a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5zm0 3a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5z"/></svg> </template>
CSS
.icon-file-text-solid {
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%22M7.5%202.25h2.228c1.093%200%202.245.393%203.327.987c1.09.598%202.159%201.428%203.098%202.368s1.767%202.006%202.364%203.092c.591%201.077.983%202.221.983%203.303v6.75a3%203%200%200%201-3%203h-9a3%203%200%200%201-3-3V5.25a3%203%200%200%201%203-3m7.592%204.415a13%2013%200%200%200-2.38-1.894q.038.234.038.479V7.5a1.5%201.5%200%200%200%201.5%201.5h2.25q.246%200%20.481.038a13%2013%200%200%200-1.889-2.373M9%2012.75a.75.75%200%200%200%200%201.5h4a.75.75%200%200%200%200-1.5zm0%203a.75.75%200%200%200%200%201.5h6a.75.75%200%200%200%200-1.5z%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%22M7.5%202.25h2.228c1.093%200%202.245.393%203.327.987c1.09.598%202.159%201.428%203.098%202.368s1.767%202.006%202.364%203.092c.591%201.077.983%202.221.983%203.303v6.75a3%203%200%200%201-3%203h-9a3%203%200%200%201-3-3V5.25a3%203%200%200%201%203-3m7.592%204.415a13%2013%200%200%200-2.38-1.894q.038.234.038.479V7.5a1.5%201.5%200%200%200%201.5%201.5h2.25q.246%200%20.481.038a13%2013%200%200%200-1.889-2.373M9%2012.75a.75.75%200%200%200%200%201.5h4a.75.75%200%200%200%200-1.5zm0%203a.75.75%200%200%200%200%201.5h6a.75.75%200%200%200%200-1.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/file-text-solid.svg?color=%231a73e8&size=48
