Text Bullet List LTR 90 icon

Use the Text Bullet List LTR 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 { TextBulletListLtr9024Regular, TextBulletListLtr9024Filled } from "@fluentui/react-icons";

export function Example() {
  return <TextBulletListLtr9024Regular aria-label="Text Bullet List LTR 90" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_text_bullet_list_ltr_90_24_regular.svg" width="24" height="24" alt="Text Bullet List LTR 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="M6.50053 3.24929C6.50053 3.93925 5.94121 4.49858 5.25124 4.49858C4.56128 4.49858 4.00195 3.93925 4.00195 3.24929C4.00195 2.55933 4.56128 2 5.25124 2C5.94121 2 6.50053 2.55933 6.50053 3.24929ZM6.00053 6.75L6.00053 21.25C6.00053 21.6642 5.66474 22 5.25053 22C4.87084 22 4.55704 21.7178 4.50738 21.3518L4.50053 21.25L4.50053 6.75C4.50053 6.33579 4.83632 6 5.25053 6C5.63023 6 5.94402 6.28215 5.99368 6.64823L6.00053 6.75ZM13.0005 3.24929C13.0005 3.93925 12.4412 4.49858 11.7512 4.49858C11.0613 4.49858 10.502 3.93925 10.502 3.24929C10.502 2.55933 11.0613 2 11.7512 2C12.4412 2 13.0005 2.55933 13.0005 3.24929ZM12.5005 6.75L12.5005 21.25C12.5005 21.6642 12.1647 22 11.7505 22C11.3708 22 11.057 21.7178 11.0074 21.3518L11.0005 21.25L11.0005 6.75C11.0005 6.33579 11.3363 6 11.7505 6C12.1302 6 12.444 6.28215 12.4937 6.64823L12.5005 6.75ZM19.5005 3.24929C19.5005 3.93925 18.9412 4.49858 18.2512 4.49858C17.5613 4.49858 17.002 3.93925 17.002 3.24929C17.002 2.55933 17.5613 2 18.2512 2C18.9412 2 19.5005 2.55933 19.5005 3.24929ZM19.0005 6.75L19.0005 21.25C19.0005 21.6642 18.6647 22 18.2505 22C17.8708 22 17.557 21.7178 17.5074 21.3518L17.5005 21.25L17.5005 6.75C17.5005 6.33579 17.8363 6 18.2505 6C18.6302 6 18.944 6.28215 18.9937 6.64823L19.0005 6.75Z" 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_bullet_list_ltr_90_24_regular.svg";

Details