Web Asset icon

Microsoft uses it to represent top bar UI in windowed scenarios. The Web Asset icon is tagged bar, header and window. Similar Fluent icons include Window, Window Ad and Window Ad Off.

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

Web Asset icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <WebAsset24Regular aria-label="Web Asset" />;
}

Use the Web Asset icon in React

Import WebAsset24Regular and WebAsset24Filled 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

NameWeb Asset
StylesRegular (outlined), Filled
Sizes16 px, 20 px, 24 px
Regular (outlined) fileic_fluent_web_asset_24_regular.svg
Filled fileic_fluent_web_asset_24_filled.svg
React (Regular)WebAsset16Regular, WebAsset20Regular, WebAsset24Regular
React (Filled)WebAsset16Filled, WebAsset20Filled, WebAsset24Filled
Font glyph (Regular, 24 px)U+F8A7 · &#xF8A7;
Font glyph (Filled, 24 px)U+F8BF · &#xF8BF;
LicenseMIT (© Microsoft Corporation)

Keywords

rectangleshapeheaderwindow

Also in Material Symbols

Web Asset iconWeb AssetGoogle's version of this icon, on Materialicons

Similar icons