Equal Off icon

Use the Equal 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 { EqualOff24Regular, EqualOff24Filled } from "@fluentui/react-icons";

export function Example() {
  return <EqualOff24Regular aria-label="Equal Off" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_equal_off_24_regular.svg" width="24" height="24" alt="Equal 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="M3.28034 2.21968C2.98745 1.92678 2.51257 1.92677 2.21968 2.21966C1.92678 2.51255 1.92677 2.98743 2.21966 3.28032L6.93924 8H3.75C3.33579 8 3 8.33579 3 8.75C3 9.16421 3.33579 9.5 3.75 9.5H8.43921L13.4391 14.5H3.75C3.33579 14.5 3 14.8358 3 15.25C3 15.6642 3.33579 16 3.75 16H14.9391L20.7194 21.7805C21.0123 22.0734 21.4872 22.0734 21.7801 21.7805C22.073 21.4876 22.073 21.0127 21.7801 20.7198L3.28034 2.21968ZM20.25 14.5H17.6817L19.1817 16H20.25C20.6642 16 21 15.6642 21 15.25C21 14.8358 20.6642 14.5 20.25 14.5ZM11.1819 8L12.6818 9.5H20.25C20.6642 9.5 21 9.16421 21 8.75C21 8.33579 20.6642 8 20.25 8H11.1819Z" 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/equal_off_24_regular.svg";

Details

Keywords

mathformulaexport