Text Grammar Lightning icon

Used in text grammar check scenarios. The Text Grammar Lightning icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 5 sizes from 16 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_text_grammar_lightning_24_regular.svg

Text Grammar Lightning icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <TextGrammarLightning24Regular aria-label="Text Grammar Lightning" />;
}

Text Grammar Lightning icon in SVG

npm install @fluentui/svg-icons

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

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

Text Grammar Lightning icon in Blazor

Microsoft's Fluent UI Blazor icons package:

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

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

Text Grammar Lightning icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.text_grammar_lightning_24_regular)

Text Grammar Lightning 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="&#xF0335;" FontSize="24" />

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

Text Grammar Lightning 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_text_grammar_lightning_24_regular"></i>

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

Text Grammar Lightning icon in Android

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

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

// Kotlin
R.drawable.ic_fluent_text_grammar_lightning_24_regular

Text Grammar Lightning icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .textGrammarLightning24Regular)

Text Grammar Lightning 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 Text Grammar Lightning 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 { TextGrammarLightning24Regular, TextGrammarLightning24Filled } from "@fluentui/react-icons";

export function Example() {
  return <TextGrammarLightning24Regular aria-label="Text Grammar Lightning" />;
}

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_text_grammar_lightning_24_regular.svg" width="24" height="24" alt="Text Grammar Lightning">

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="M12.5455 17H2.75L2.64823 17.0068C2.28215 17.0565 2 17.3703 2 17.75C2 18.1642 2.33579 18.5 2.75 18.5H11.9961C11.9961 18.2888 12.0416 18.0721 12.1404 17.862L12.5455 17ZM13.7205 14.5H2.75C2.33579 14.5 2 14.1642 2 13.75C2 13.3703 2.28215 13.0565 2.64823 13.0068L2.75 13H14.4255L13.7205 14.5ZM21.25 9H2.75L2.64823 9.00685C2.28215 9.05651 2 9.3703 2 9.75C2 10.1642 2.33579 10.5 2.75 10.5H21.25L21.3518 10.4932C21.7178 10.4435 22 10.1297 22 9.75C22 9.33579 21.6642 9 21.25 9ZM21.25 5H2.75L2.64823 5.00685C2.28215 5.05651 2 5.3703 2 5.75C2 6.16421 2.33579 6.5 2.75 6.5H21.25L21.3518 6.49315C21.7178 6.44349 22 6.1297 22 5.75C22 5.33579 21.6642 5 21.25 5ZM16.3167 12H21.1443C21.5267 12 21.7676 12.4118 21.5801 12.7451L19.7492 16H21.2454C21.8899 16 22.2342 16.7593 21.8096 17.2441L16.9857 22.7519C16.4811 23.328 15.543 22.8375 15.7282 22.0945L16.4992 19H13.4967C13.1303 19 12.8883 18.6189 13.0442 18.2873L15.8642 12.2873C15.9466 12.112 16.1229 12 16.3167 12Z" fill="currentColor"/></svg>

Details

NameText Grammar Lightning
StylesRegular (outlined), Filled
Sizes16 px, 20 px, 24 px, 28 px, 32 px
Regular (outlined) fileic_fluent_text_grammar_lightning_24_regular.svg
Filled fileic_fluent_text_grammar_lightning_24_filled.svg
React (Regular)TextGrammarLightning16Regular, TextGrammarLightning20Regular, TextGrammarLightning24Regular, TextGrammarLightning28Regular, TextGrammarLightning32Regular
React (Filled)TextGrammarLightning16Filled, TextGrammarLightning20Filled, TextGrammarLightning24Filled, TextGrammarLightning28Filled, TextGrammarLightning32Filled
LicenseMIT (© Microsoft Corporation)

Keywords

typetexttypographyeditcreatedismisscheckmarkgearsettings

Related icons