Text Grammar Lightning icon

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" />;
}

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>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

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

Details

Keywords

typetexttypographyeditcreatewanddismisscheckmarkarrowleftarrowrightgearsettings