Table Alt Text icon

The Table Alt Text icon is part of Microsoft's Fluent UI System Icons, available here in regular, filled and light styles in 3 sizes from 20 to 32 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

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

Table Alt Text icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <TableAltText24Regular aria-label="Table Alt Text" />;
}

Table Alt Text icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/table_alt_text_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/table_alt_text_24_regular.svg" width="24" height="24" alt="Table Alt Text">

Table Alt Text icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.TableAltText())" />

Table Alt Text icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xF08A2;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xF08A2;" FontSize="24" />

Table Alt Text icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_table_alt_text_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\f08a2";
  font-size: 24px;
}

Table Alt Text icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_table_alt_text_24_regular" />

// Kotlin
R.drawable.ic_fluent_table_alt_text_24_regular

Table Alt Text icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .tableAltText24Regular)

Table Alt Text icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Table Alt Text icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { TableAltText24Regular, TableAltText24Filled } from "@fluentui/react-icons";

export function Example() {
  return <TableAltText24Regular aria-label="Table Alt Text" />;
}

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_table_alt_text_24_regular.svg" width="24" height="24" alt="Table Alt Text">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 6.25C3 4.45507 4.45507 3 6.25 3H17.75C19.5449 3 21 4.45507 21 6.25V11H19.5V10H15.5V11H14V10H10V14H11V15.5H10V19.5H11V20C11 20.3506 11.0602 20.6872 11.1707 21H6.25C4.45507 21 3 19.5449 3 17.75V6.25ZM6.25 4.5C5.2835 4.5 4.5 5.2835 4.5 6.25V8.5H8.5V4.5H6.25ZM4.5 10V14H8.5V10H4.5ZM15.5 8.5H19.5V6.25C19.5 5.2835 18.7165 4.5 17.75 4.5H15.5V8.5ZM14 4.5H10V8.5H14V4.5ZM4.5 15.5V17.75C4.5 18.7165 5.2835 19.5 6.25 19.5H8.5V15.5H4.5ZM14 12C12.8954 12 12 12.8954 12 14V20C12 21.1046 12.8954 22 14 22H21C22.1046 22 23 21.1046 23 20V14C23 12.8954 22.1046 12 21 12H14ZM14 15.5C14 15.2239 14.2239 15 14.5 15H20.5C20.7761 15 21 15.2239 21 15.5C21 15.7761 20.7761 16 20.5 16H14.5C14.2239 16 14 15.7761 14 15.5ZM14 18.5C14 18.2239 14.2239 18 14.5 18H20.5C20.7761 18 21 18.2239 21 18.5C21 18.7761 20.7761 19 20.5 19H14.5C14.2239 19 14 18.7761 14 18.5Z" fill="currentColor"/></svg>

Details

NameTable Alt Text
StylesRegular (outlined), Filled, Light
Sizes20 px, 24 px, 32 px
Regular (outlined) fileic_fluent_table_alt_text_24_regular.svg
Filled fileic_fluent_table_alt_text_24_filled.svg
React (Regular)TableAltText20Regular, TableAltText24Regular, TableAltText32Regular
React (Filled)TableAltText20Filled, TableAltText24Filled, TableAltText32Filled
React (Light)TableAltText32Light
LicenseMIT (© Microsoft Corporation)

Related icons