Ink Stroke Arrow Up Down icon

Microsoft uses it to represent pen details with arrow tips in drawing scenarios. The Ink Stroke Arrow Up Down icon is tagged scribble, pen and draw. Similar Fluent icons include Ink Stroke Arrow Down, Ink Stroke and Arrow Wrap Up To Down.

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_ink_stroke_arrow_up_down_24_regular.svg

Ink Stroke Arrow Up Down icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <InkStrokeArrowUpDown24Regular aria-label="Ink Stroke Arrow Up Down" />;
}

Use the Ink Stroke Arrow Up Down icon in React

Import InkStrokeArrowUpDown24Regular and InkStrokeArrowUpDown24Filled 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

NameInk Stroke Arrow Up Down
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_ink_stroke_arrow_up_down_24_regular.svg
Filled fileic_fluent_ink_stroke_arrow_up_down_24_filled.svg
React (Regular)InkStrokeArrowUpDown20Regular, InkStrokeArrowUpDown24Regular
React (Filled)InkStrokeArrowUpDown20Filled, InkStrokeArrowUpDown24Filled
Font glyph (Regular, 24 px)U+EF76 · &#xEF76;
Font glyph (Filled, 24 px)U+EF76 · &#xEF76;
LicenseMIT (© Microsoft Corporation)

Keywords

editcreatedrawarrow

Similar icons