Text Indent Increase RTL 90 icon

Use the Text Indent Increase 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 { TextIndentIncreaseRtl9024Regular, TextIndentIncreaseRtl9024Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_text_indent_increase_rtl_90_24_regular.svg" width="24" height="24" alt="Text Indent Increase 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="M8 6.25C8 5.83579 7.66421 5.5 7.25 5.5C6.83579 5.5 6.5 5.83579 6.5 6.25L6.5 15.25C6.5 15.6642 6.83579 16 7.25 16C7.66421 16 8 15.6642 8 15.25L8 6.25ZM14.7803 21.2803C15.0466 21.0141 15.0708 20.5974 14.8529 20.3038L14.7803 20.2197L12.7803 18.2197C12.5141 17.9534 12.0974 17.9292 11.8038 18.1471L11.7197 18.2197L9.71967 20.2197C9.42678 20.5126 9.42678 20.9874 9.71967 21.2803C9.98594 21.5466 10.4026 21.5708 10.6962 21.3529L10.7803 21.2803L12.25 19.8107L13.7197 21.2803C14.0126 21.5732 14.4874 21.5732 14.7803 21.2803ZM13 3.25C13 2.83579 12.6642 2.5 12.25 2.5C11.8358 2.5 11.5 2.83579 11.5 3.25V15.25C11.5 15.6642 11.8358 16 12.25 16C12.6642 16 13 15.6642 13 15.25V3.25ZM18 6.25C18 5.83579 17.6642 5.5 17.25 5.5C16.8358 5.5 16.5 5.83579 16.5 6.25V15.25C16.5 15.6642 16.8358 16 17.25 16C17.6642 16 18 15.6642 18 15.25V6.25Z" 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_increase_rtl_90_24_regular.svg";

Details