Image Style Guide icon
Image Style Guide is one of Microsoft's Fluent UI System Icons. Similar Fluent icons include Style Guide, Line Style and Line Style Sketch.
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, 16 px
ic_fluent_image_style_guide_16_regular.svg
Image Style Guide icon in React
npm install @fluentui/react-icons
import { ImageStyleGuide16Regular } from "@fluentui/react-icons";
export function Example() {
return <ImageStyleGuide16Regular aria-label="Image Style Guide" />;
}Use the Image Style Guide icon in React
Import ImageStyleGuide16Regular and ImageStyleGuide16Filled 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
| Name | Image Style Guide |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 16 px, 20 px |
| Regular (outlined) file | ic_fluent_image_style_guide_20_regular.svg |
| Filled file | ic_fluent_image_style_guide_20_filled.svg |
| React (Regular) | ImageStyleGuide16Regular, ImageStyleGuide20Regular |
| React (Filled) | ImageStyleGuide16Filled, ImageStyleGuide20Filled |
| Font glyph (Regular, 16 px) | U+F0C62 · 󰱢 |
| Font glyph (Filled, 16 px) | U+F0CDF · 󰳟 |
| License | MIT (© Microsoft Corporation) |