Glance icon

Microsoft uses it in tile card scenarios. The Glance icon is tagged tile view and card. Similar Fluent icons include Glance Horizontal, Glance Horizontal Sparkles and Glance Default.

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

Glance icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <Glance24Regular aria-label="Glance" />;
}

Use the Glance icon in React

Import Glance24Regular and Glance24Filled 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

NameGlance
StylesRegular (outlined), Filled
Sizes12 px, 16 px, 20 px, 24 px, 28 px, 32 px, 48 px
Regular (outlined) fileic_fluent_glance_24_regular.svg
Filled fileic_fluent_glance_24_filled.svg
React (Regular)Glance12Regular, Glance16Regular, Glance20Regular, Glance24Regular, Glance28Regular, Glance32Regular, Glance48Regular
React (Filled)Glance12Filled, Glance16Filled, Glance20Filled, Glance24Filled, Glance28Filled, Glance32Filled, Glance48Filled
Font glyph (Regular, 24 px)U+F457 · &#xF457;
Font glyph (Filled, 24 px)U+F45B · &#xF45B;
LicenseMIT (© Microsoft Corporation)

Keywords

card

Similar icons