Line Style Sketch icon

Microsoft uses it to represent line styles on shapes. The Line Style Sketch icon is tagged draw, create and edit. Similar Fluent icons include Line Style, Line Horizontal 1 Dash Dot Dash and Line Horizontal 1 Dashes.

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

Line Style Sketch icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <LineStyleSketch24Regular aria-label="Line Style Sketch" />;
}

Use the Line Style Sketch icon in React

Import LineStyleSketch24Regular and LineStyleSketch24Filled 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

NameLine Style Sketch
StylesRegular (outlined), Filled
Sizes16 px, 20 px, 24 px, 28 px, 32 px
Regular (outlined) fileic_fluent_line_style_sketch_24_regular.svg
Filled fileic_fluent_line_style_sketch_24_filled.svg
React (Regular)LineStyleSketch16Regular, LineStyleSketch20Regular, LineStyleSketch24Regular, LineStyleSketch28Regular, LineStyleSketch32Regular
React (Filled)LineStyleSketch16Filled, LineStyleSketch20Filled, LineStyleSketch24Filled, LineStyleSketch28Filled, LineStyleSketch32Filled
Font glyph (Regular, 24 px)U+F06C1 · &#xF06C1;
Font glyph (Filled, 24 px)U+F073E · &#xF073E;
LicenseMIT (© Microsoft Corporation)

Keywords

stylecreateeditdraw

Similar icons