Dashboard icon

Dashboard is one of Microsoft's Fluent UI System Icons. Google's Material Symbols version is dashboard.

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, 20 px

ic_fluent_dashboard_20_regular.svg

Dashboard icon in React

npm install @fluentui/react-icons

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

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

Use the Dashboard icon in React

Import Dashboard20Regular and Dashboard20Filled 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

NameDashboard
StylesRegular (outlined), Filled
Sizes20 px
Regular (outlined) fileic_fluent_dashboard_20_regular.svg
Filled fileic_fluent_dashboard_20_filled.svg
React (Regular)Dashboard20Regular
React (Filled)Dashboard20Filled
Font glyph (Regular, 20 px)U+F0C70 · &#xF0C70;
Font glyph (Filled, 20 px)U+F0CED · &#xF0CED;
LicenseMIT (© Microsoft Corporation)

Also in Material Symbols

Dashboard iconDashboardGoogle's version of this icon, on Materialicons