Fluent Icons

Text Grammar Checkmark icon

Used in text grammar check scenarios. The Text Grammar Checkmark icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 20 to 24 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
Xceed Toolkit Plus for WPF logoXceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

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

Text Grammar Checkmark icon in React

npm install @fluentui/react-icons

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

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

Text Grammar Checkmark icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/text_grammar_checkmark_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_checkmark_24_regular.svg" width="24" height="24" alt="Text Grammar Checkmark">

Text Grammar Checkmark icon in Blazor

Microsoft's Fluent UI Blazor icons package:

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

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

Text Grammar Checkmark icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.text_grammar_checkmark_24_regular)

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

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

Text Grammar Checkmark 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_checkmark_24_regular"></i>

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

Text Grammar Checkmark 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_checkmark_24_regular" />

// Kotlin
R.drawable.ic_fluent_text_grammar_checkmark_24_regular

Text Grammar Checkmark icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .textGrammarCheckmark24Regular)

Text Grammar Checkmark 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 Checkmark 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 { TextGrammarCheckmark24Regular, TextGrammarCheckmark24Filled } from "@fluentui/react-icons";

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

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

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="M17.5 12C20.5376 12 23 14.4624 23 17.5C23 20.5376 20.5376 23 17.5 23C14.4624 23 12 20.5376 12 17.5C12 14.4624 14.4624 12 17.5 12ZM20.1465 15.1464L16.0541 19.2388L14.9 17.7C14.7343 17.4791 14.4209 17.4343 14.2 17.6C13.9791 17.7657 13.9343 18.0791 14.1 18.3L15.6 20.3C15.7826 20.5434 16.1384 20.5687 16.3536 20.3535L20.8536 15.8535C21.0488 15.6583 21.0488 15.3417 20.8536 15.1464C20.6583 14.9512 20.3417 14.9512 20.1465 15.1464ZM11.0189 17H2.75L2.64823 17.0068C2.28215 17.0565 2 17.3703 2 17.75C2 18.1642 2.33579 18.5 2.75 18.5H11.0764C11.0261 18.174 11 17.8401 11 17.5C11 17.3318 11.0064 17.165 11.0189 17ZM11.7322 14.5H2.75C2.33579 14.5 2 14.1642 2 13.75C2 13.3703 2.28215 13.0565 2.64823 13.0068L2.75 13H12.8096C12.3832 13.4443 12.0194 13.949 11.7322 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 5Z" fill="currentColor"/></svg>

Details

NameText Grammar Checkmark
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_text_grammar_checkmark_24_regular.svg
Filled fileic_fluent_text_grammar_checkmark_24_filled.svg
React (Regular)TextGrammarCheckmark20Regular, TextGrammarCheckmark24Regular
React (Filled)TextGrammarCheckmark20Filled, TextGrammarCheckmark24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

typetexttypographyeditcreatedismisscheckmarkgearsettings

Related icons

Text Grammar Arrow LeftText Grammar Arrow RightText Grammar DismissText Grammar ErrorText Grammar LightningText Grammar SettingsText Grammar WandText Bullet List CheckmarkTextBox CheckmarkText Add Space AfterText Add Space BeforeText Add T