Skip to content

File Pen Line

The file-pen-line icon represents line-by-line editing and inline text modification in code editors and advanced text editing systems.

Exports at 24 × 24 px

File Pen Line icon from Lucide
Get Pro

Code

File Pen Line in your framework

In any framework. Customize it above, and the code follows.

export const FilePenLineIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" {...props}>
    <g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="m18 5l-2.414-2.414A2 2 0 0 0 14.172 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2"/><path d="M21.378 12.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506zM8 18h1"/></g>
  </svg>
);

Lucide

Icons that share its tags, in the same style.

  • Text Cursor icon from Lucide
  • File Pen icon from Lucide
  • Pen icon from Lucide
  • Square Pen icon from Lucide
  • Text Align Center icon from Lucide
  • Text Align End icon from Lucide
  • Text Align Justify icon from Lucide
  • Text Align Start icon from Lucide
  • Type icon from Lucide
  • A Arrow Down icon from Lucide
  • A Arrow Up icon from Lucide
  • A Large Small icon from Lucide
  • Align Horizontal Justify End icon from Lucide
  • Align Horizontal Justify Start icon from Lucide
  • Align Justify icon from Lucide
  • Align Left icon from Lucide
  • Align Right icon from Lucide
  • Ampersand icon from Lucide
  • Ampersands icon from Lucide
  • Arrow Down A Z icon from Lucide
  • Arrow Down To Line icon from Lucide
  • Arrow Up A Z icon from Lucide
  • Arrow Up Z A icon from Lucide
  • Baseline icon from Lucide

Skip the copy and paste. With Pro, your AI agent finds and installs any Lucide icon from a prompt.

Get Pro

Pricing

Lucide MCP, with Pro

Ask for File Pen Line or any of 1,655 Lucide icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the File Pen Line icon means and where it's used, then how to install, style, label and license it.

4.9 out of 5 from 150+ developers

Install File Pen Line from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro