square-pen

Square Pen icon · Lucide · <SquarePen />

square-pen

Lucide tags square-pen with biro, felt tip and ink. It was previously named edit, pen-box and pen-square, which still works as an alias. The matching icons are Edit in Microsoft's Fluent icons and edit in Google's Material Symbols.

24 px, stroke 2

square-pen.svg

Size, stroke and code

Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.

Stroke width

Size

npm install lucide-react

import { SquarePen } from "lucide-react";

export function Example() {
  return <SquarePen />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`square-pen`
Component	`SquarePen` (also `SquarePenIcon`, `LucideSquarePen`)
Old names	`edit`, `pen-box`, `pen-square` (still work as aliases)
Category	Text formatting
Icon font	`icon-square-pen`, `U+E172`
CSS content	`"\e172"`
File	`lucide-static/icons/square-pen.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)