File Text

file text, document, page, copy

Live preview

Tune size, color, and stroke width before copying the icon into your UI.

Size

96px

Stroke width

1.8

Color

#111827

Export

Copy the original SVG, copy a ready-to-use JSX component, or download the source file.

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="96" height="96" aria-hidden="true">
  <path
    d="M8 3.75H13.75L18.25 8.25V19C18.25 19.9665 17.4665 20.75 16.5 20.75H8C7.0335 20.75 6.25 19.9665 6.25 19V5.5C6.25 4.5335 7.0335 3.75 8 3.75Z"
    fill="#111827"
    fill-opacity="0.14"
    stroke="#111827"
    stroke-width="1.8"
    stroke-linejoin="round"
  />
  <path d="M10 11H15" stroke="#111827" stroke-width="1.8" stroke-linecap="round" />
  <path d="M10 14.5H15" stroke="#111827" stroke-width="1.8" stroke-linecap="round" />
  <path d="M13.5 3.75V8.5H18.25" stroke="#111827" stroke-width="1.8" stroke-linejoin="round" />
</svg>

import type { SVGProps } from "react";

export function FileTextIcon(props: SVGProps<SVGSVGElement>) {
  return (
      <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" width="96" height="96" aria-hidden="true" {...props}>
        <path
          d="M8 3.75H13.75L18.25 8.25V19C18.25 19.9665 17.4665 20.75 16.5 20.75H8C7.0335 20.75 6.25 19.9665 6.25 19V5.5C6.25 4.5335 7.0335 3.75 8 3.75Z"
          fill="#111827"
          fillOpacity="0.14"
          stroke="#111827"
          strokeWidth="1.8"
          strokeLinejoin="round"
        />
        <path d="M10 11H15" stroke="#111827" strokeWidth="1.8" strokeLinecap="round" />
        <path d="M10 14.5H15" stroke="#111827" strokeWidth="1.8" strokeLinecap="round" />
        <path d="M13.5 3.75V8.5H18.25" stroke="#111827" strokeWidth="1.8" strokeLinejoin="round" />
      </svg>
  );
}

Category

Files

Style

Filled