Autocorrect icon

Use the Autocorrect 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 { Autocorrect24Regular, Autocorrect24Filled } from "@fluentui/react-icons";

export function Example() {
  return <Autocorrect24Regular aria-label="Autocorrect" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_autocorrect_24_regular.svg" width="24" height="24" alt="Autocorrect">

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="M13.4611 4.93426C13.754 5.11789 14.009 5.35474 14.2134 5.63194L14.3299 5.80299L17.275 10.4987L21.5001 10.4996C21.8798 10.4996 22.1936 10.7818 22.2433 11.1478L22.2501 11.2496C22.2501 11.6638 21.9143 11.9996 21.5001 11.9996L18.216 11.9987L18.2217 12.0076L18.213 11.9987C19.0112 12.8482 19.5001 13.9918 19.5001 15.2496C19.5001 17.873 17.3735 19.9996 14.7501 19.9996C12.1267 19.9996 10.0001 17.873 10.0001 15.2496C10.0001 12.6263 12.1267 10.4996 14.7501 10.4996L15.506 10.4987L13.0591 6.59992C12.9589 6.4402 12.8239 6.30521 12.6642 6.20505C12.1183 5.86272 11.4099 5.9939 11.0197 6.48843L10.9411 6.59992L3.38549 18.6481C3.16543 18.999 2.70255 19.1051 2.35163 18.885C2.03262 18.6849 1.91595 18.2842 2.06271 17.9494L2.11471 17.8511L9.67033 5.80299C10.4772 4.51629 12.1744 4.12735 13.4611 4.93426ZM14.7501 11.9996C12.9552 11.9996 11.5001 13.4547 11.5001 15.2496C11.5001 17.0445 12.9552 18.4996 14.7501 18.4996C16.545 18.4996 18.0001 17.0445 18.0001 15.2496C18.0001 13.4547 16.545 11.9996 14.7501 11.9996Z" 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/autocorrect_24_regular.svg";

Details