Text Bullet List LTR Rotate 270 icon (Filled & Regular)

The Text Bullet List LTR Rotate 270 icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

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

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

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_text_bullet_list_ltr_rotate_270_24_regular.svg" width="24" height="24" alt="Text Bullet List LTR Rotate 270">

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="M17.5 20.7507C17.5 20.0607 18.0593 19.5014 18.7493 19.5014C19.4393 19.5014 19.9986 20.0607 19.9986 20.7507C19.9986 21.4407 19.4393 22 18.7493 22C18.0593 22 17.5 21.4407 17.5 20.7507ZM18 17.25V2.75C18 2.33579 18.3358 2 18.75 2C19.1297 2 19.4435 2.28215 19.4932 2.64823L19.5 2.75V17.25C19.5 17.6642 19.1642 18 18.75 18C18.3703 18 18.0565 17.7178 18.0068 17.3518L18 17.25ZM11 20.7507C11 20.0607 11.5593 19.5014 12.2493 19.5014C12.9393 19.5014 13.4986 20.0607 13.4986 20.7507C13.4986 21.4407 12.9393 22 12.2493 22C11.5593 22 11 21.4407 11 20.7507ZM11.5 17.25V2.75C11.5 2.33579 11.8358 2 12.25 2C12.6297 2 12.9435 2.28215 12.9932 2.64823L13 2.75V17.25C13 17.6642 12.6642 18 12.25 18C11.8703 18 11.5565 17.7178 11.5068 17.3518L11.5 17.25ZM4.5 20.7507C4.5 20.0607 5.05933 19.5014 5.74929 19.5014C6.43925 19.5014 6.99858 20.0607 6.99858 20.7507C6.99858 21.4407 6.43925 22 5.74929 22C5.05933 22 4.5 21.4407 4.5 20.7507ZM5 17.25L5 2.75C5 2.33579 5.33579 2 5.75 2C6.1297 2 6.44349 2.28215 6.49315 2.64823L6.5 2.75L6.5 17.25C6.5 17.6642 6.16421 18 5.75 18C5.3703 18 5.05651 17.7178 5.00685 17.3518L5 17.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_bullet_list_ltr_rotate_270_24_regular.svg";

Details

Name	Text Bullet List LTR Rotate 270
Styles	Regular (outlined), Filled
Size	24 × 24 px (scalable SVG)
Regular (outlined) file	`ic_fluent_text_bullet_list_ltr_rotate_270_24_regular.svg`
Filled file	`ic_fluent_text_bullet_list_ltr_rotate_270_24_filled.svg`
React components	`TextBulletListLtrRotate27024Regular, TextBulletListLtrRotate27024Filled`
License	MIT (© Microsoft Corporation)

Text Bullet List LTR Rotate 270 icon

Use the Text Bullet List LTR Rotate 270 icon in React

Use it in HTML

Use it from the SVG package

Details

Related icons