Text Strikethrough icon
Used in general type creation and editing scenarios. Contains locale specific variants. The Text Strikethrough 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 Strikethrough 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 { TextStrikethrough24Regular, TextStrikethrough24Filled } from "@fluentui/react-icons";
export function Example() {
return <TextStrikethrough24Regular aria-label="Text Strikethrough" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_text_strikethrough_24_regular.svg" width="24" height="24" alt="Text Strikethrough"> 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="M4.75 12.0002H19.2507C19.6649 12.0002 20.0007 12.3359 20.0007 12.7502C20.0007 13.1299 19.7185 13.4437 19.3524 13.4933L19.2507 13.5002L16.2763 13.5001C17.1552 14.3132 17.6124 15.2931 17.6124 16.4347C17.6124 19.2599 14.3804 21.0745 10.8577 20.6651C8.6233 20.4054 7.04896 19.5095 6.22285 17.9632C6.02767 17.5978 6.16562 17.1434 6.53097 16.9482C6.89632 16.7531 7.35071 16.891 7.54589 17.2564C8.11607 18.3236 9.2483 18.968 11.0308 19.1751C13.7738 19.4939 16.1124 18.1809 16.1124 16.4347C16.1124 15.2627 15.3072 14.3077 13.547 13.5485L13.431 13.5L4.75 13.5002C4.3703 13.5002 4.05651 13.218 4.00685 12.8519L4 12.7502C4 12.3705 4.28215 12.0567 4.64823 12.007L4.75 12.0002H19.2507H4.75ZM6.26098 8.12336C6.41313 5.29223 9.08273 3.65466 12.5845 4.06162C14.7732 4.31598 16.4484 5.11481 17.5674 6.47091C17.8311 6.79039 17.7858 7.2631 17.4663 7.52674C17.1469 7.79038 16.6742 7.74512 16.4105 7.42564C15.5584 6.393 14.2394 5.76405 12.4113 5.55159C9.69368 5.23576 7.76098 6.35648 7.76098 8.12336C7.76098 8.89538 7.99478 9.47149 8.59075 10.1045L8.71896 10.2372C8.81323 10.3327 8.91566 10.4324 8.96956 10.4763L9 10.4979H7.08082L7.05613 10.4589C6.91314 10.2526 6.1997 9.26354 6.26098 8.12336Z" 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_strikethrough_24_regular.svg";Details
| Name | Text Strikethrough |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_text_strikethrough_24_regular.svg |
| Filled file | ic_fluent_text_strikethrough_24_filled.svg |
| React components | TextStrikethrough24Regular, TextStrikethrough24Filled |
| License | MIT (© Microsoft Corporation) |