Text Font Size Off icon

Use the Text Font Size Off 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 { TextFontSizeOff24Regular, TextFontSizeOff24Filled } from "@fluentui/react-icons";

export function Example() {
  return <TextFontSizeOff24Regular aria-label="Text Font Size Off" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_text_font_size_off_24_regular.svg" width="24" height="24" alt="Text Font Size Off">

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="M2.2197 2.21971C2.51258 1.92683 2.98735 1.92685 3.28024 2.21971L21.7803 20.7198C22.073 21.0126 22.0729 21.4875 21.7803 21.7803C21.4874 22.0731 21.0126 22.0731 20.7197 21.7803L13.9394 15H12.5517L10.9726 19.4522C10.9201 19.6395 10.7951 19.8047 10.6172 19.9043L10.5254 19.9483C10.1724 20.0872 9.77719 19.9401 9.59666 19.6182L9.55271 19.5254L8.55662 17H4.44333L3.44821 19.5205C3.3086 19.8733 2.93072 20.0618 2.57223 19.9737L2.47458 19.9424C2.12174 19.8028 1.93322 19.425 2.02145 19.0664L2.0527 18.9698L5.80661 9.47462C6.042 8.87918 6.84914 8.84452 7.15134 9.37013L7.20212 9.47462L10.2119 17.1104L11.7402 12.8008L2.2197 3.28026C1.92686 2.9874 1.9269 2.5126 2.2197 2.21971ZM15.0439 3.49902C15.2664 2.87289 16.1124 2.83613 16.4082 3.38866L16.457 3.49902L21.833 18.6514L19.3662 16.1846L18.9463 15H18.1816L16.6816 13.5H18.4141L15.75 5.99219L14.0264 10.8447L12.8525 9.67091L15.0439 3.49902ZM5.0361 15.5H7.96384L6.5029 11.792L5.0361 15.5Z" 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_font_size_off_24_regular.svg";

Details