Text Indent Decrease RTL 90 icon

Use the Text Indent Decrease RTL 90 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 { TextIndentDecreaseRtl9024Regular, TextIndentDecreaseRtl9024Filled } from "@fluentui/react-icons";

export function Example() {
  return <TextIndentDecreaseRtl9024Regular aria-label="Text Indent Decrease RTL 90" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_text_indent_decrease_rtl_90_24_regular.svg" width="24" height="24" alt="Text Indent Decrease RTL 90">

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="M7.25 5.5C7.66421 5.5 8 5.83579 8 6.25V15.25C8 15.6642 7.66421 16 7.25 16C6.83579 16 6.5 15.6642 6.5 15.25V6.25C6.5 5.83579 6.83579 5.5 7.25 5.5ZM12.25 2.5C12.6642 2.5 13 2.83579 13 3.25V15.25C13 15.6642 12.6642 16 12.25 16C11.8358 16 11.5 15.6642 11.5 15.25V3.25C11.5 2.83579 11.8358 2.5 12.25 2.5ZM17.25 5.5C17.6642 5.5 18 5.83579 18 6.25V15.25C18 15.6642 17.6642 16 17.25 16C16.8358 16 16.5 15.6642 16.5 15.25V6.25C16.5 5.83579 16.8358 5.5 17.25 5.5ZM14.8529 19.1962C15.0708 18.9026 15.0466 18.4859 14.7803 18.2197C14.4874 17.9268 14.0126 17.9268 13.7197 18.2197L12.25 19.6893L10.7803 18.2197L10.6962 18.1471C10.4026 17.9292 9.98594 17.9534 9.71967 18.2197C9.42678 18.5126 9.42678 18.9874 9.71967 19.2803L11.7197 21.2803L11.8038 21.3529C12.0974 21.5708 12.5141 21.5466 12.7803 21.2803L14.7803 19.2803L14.8529 19.1962Z" 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_indent_decrease_rtl_90_24_regular.svg";

Details