Text Font Size icon
Used in general type creation and editing scenarios. The Text Font Size icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Text Font Size 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 { TextFontSize24Regular, TextFontSize24Filled } from "@fluentui/react-icons";
export function Example() {
return <TextFontSize24Regular aria-label="Text Font Size" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_text_font_size_24_regular.svg" width="24" height="24" alt="Text Font Size"> 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="M10.212 17.11L15.0434 3.49912C15.2657 2.87274 16.1126 2.83594 16.4083 3.38866L16.457 3.4992L21.957 18.9997C22.0955 19.3901 21.8913 19.8188 21.501 19.9573C21.1431 20.0843 20.7531 19.9233 20.5838 19.5949L20.5434 19.5013L18.946 15H12.552L10.9726 19.4521C10.9201 19.6396 10.7955 19.8048 10.6175 19.9045L10.5253 19.9482C10.1721 20.0875 9.77668 19.9401 9.59619 19.6178L9.55249 19.5256L8.556 17H4.443L3.44768 19.5209C3.30809 19.874 2.93033 20.0621 2.57164 19.9737L2.47447 19.9426C2.12137 19.803 1.93328 19.4253 2.02168 19.0666L2.05272 18.9694L5.80633 9.47427C6.04172 8.87883 6.84884 8.84415 7.15104 9.36975L7.20152 9.47487L10.212 17.11L15.0434 3.49912L10.212 17.11ZM6.50294 11.7923L5.036 15.5H7.964L6.50294 11.7923ZM15.7501 5.99248L13.084 13.5H18.414L15.7501 5.99248Z" 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_24_regular.svg";Details
| Name | Text Font Size |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_text_font_size_24_regular.svg |
| Filled file | ic_fluent_text_font_size_24_filled.svg |
| React components | TextFontSize24Regular, TextFontSize24Filled |
| License | MIT (© Microsoft Corporation) |