Pen Sync icon

Microsoft uses it to represent a device drawing input. The Pen Sync icon is tagged tool, update and draw. Similar Fluent icons include Pen, Pen Dismiss and Pen Off.

Regular (outlined)

SVG

Filled

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_pen_sync_24_regular.svg

Pen Sync icon in React

npm install @fluentui/react-icons

import { PenSync24Regular } from "@fluentui/react-icons";

export function Example() {
  return <PenSync24Regular aria-label="Pen Sync" />;
}

Use the Pen Sync icon in React

Import PenSync24Regular and PenSync24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.

Details

NamePen Sync
StylesRegular (outlined), Filled
Sizes16 px, 20 px, 24 px, 28 px, 32 px, 48 px
Regular (outlined) fileic_fluent_pen_sync_24_regular.svg
Filled fileic_fluent_pen_sync_24_filled.svg
React (Regular)PenSync16Regular, PenSync20Regular, PenSync24Regular, PenSync28Regular, PenSync32Regular, PenSync48Regular
React (Filled)PenSync16Filled, PenSync20Filled, PenSync24Filled, PenSync28Filled, PenSync32Filled, PenSync48Filled
Font glyph (Regular, 24 px)U+F0704 · &#xF0704;
Font glyph (Filled, 24 px)U+F0781 · &#xF0781;
LicenseMIT (© Microsoft Corporation)

Keywords

editupdatecreatedrawsyncdevice

Similar icons