Text Bullet List RTL icon

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

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

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_text_bullet_list_rtl_24_regular.svg" width="24" height="24" alt="Text Bullet List RTL">

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="M20.7507 17.5C20.0607 17.5 19.5014 18.0593 19.5014 18.7493C19.5014 19.4393 20.0607 19.9986 20.7507 19.9986C21.4407 19.9986 22 19.4393 22 18.7493C22 18.0593 21.4407 17.5 20.7507 17.5ZM17.25 18H2.75C2.33579 18 2 18.3358 2 18.75C2 19.1297 2.28215 19.4435 2.64823 19.4932L2.75 19.5H17.25C17.6642 19.5 18 19.1642 18 18.75C18 18.3703 17.7178 18.0565 17.3518 18.0068L17.25 18ZM20.7507 11C20.0607 11 19.5014 11.5593 19.5014 12.2493C19.5014 12.9393 20.0607 13.4986 20.7507 13.4986C21.4407 13.4986 22 12.9393 22 12.2493C22 11.5593 21.4407 11 20.7507 11ZM17.25 11.5H2.75C2.33579 11.5 2 11.8358 2 12.25C2 12.6297 2.28215 12.9435 2.64823 12.9932L2.75 13H17.25C17.6642 13 18 12.6642 18 12.25C18 11.8703 17.7178 11.5565 17.3518 11.5068L17.25 11.5ZM20.7507 4.5C20.0607 4.5 19.5014 5.05933 19.5014 5.74929C19.5014 6.43925 20.0607 6.99858 20.7507 6.99858C21.4407 6.99858 22 6.43925 22 5.74929C22 5.05933 21.4407 4.5 20.7507 4.5ZM17.25 5H2.75C2.33579 5 2 5.33579 2 5.75C2 6.1297 2.28215 6.44349 2.64823 6.49315L2.75 6.5H17.25C17.6642 6.5 18 6.16421 18 5.75C18 5.3703 17.7178 5.05651 17.3518 5.00685L17.25 5Z" 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_rtl_24_regular.svg";

Details