Text Number List RTL Rotate 270 icon

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

export function Example() {
  return <TextNumberListRtlRotate27024Regular aria-label="Text Number List RTL Rotate 270" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_text_number_list_rtl_rotate_270_24_regular.svg" width="24" height="24" alt="Text Number List RTL 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="M2.75007 3.9999C2.39585 3.9999 2.08992 4.24773 2.0164 4.59424C1.94307 4.93989 2.12094 5.2897 2.44311 5.4342L2.44645 5.43574C2.45075 5.43774 2.45889 5.44158 2.47049 5.44725C2.49373 5.4586 2.53063 5.47718 2.57815 5.50296C2.67364 5.55473 2.80953 5.63416 2.96255 5.7406C3.27544 5.95824 3.62496 6.26462 3.86399 6.64725C4.08344 6.99856 4.54613 7.10544 4.89743 6.88599C5.24873 6.66654 5.35562 6.20385 5.13616 5.85254C5.05833 5.72795 4.97481 5.61044 4.88772 5.4999L7.25007 5.4999C7.66429 5.4999 8.00007 5.16411 8.00007 4.7499C8.00007 4.33569 7.66429 3.9999 7.25007 3.9999L2.75007 3.9999ZM18.7501 10C18.3359 10 18.0001 10.3358 18.0001 10.75L18.0001 19.75C18.0001 20.1642 18.3359 20.5 18.7501 20.5C19.1643 20.5 19.5001 20.1642 19.5001 19.75L19.5001 10.75C19.5001 10.3358 19.1643 10 18.7501 10ZM12.2437 10C11.8295 10 11.4937 10.3358 11.4937 10.75L11.4937 19.75C11.4937 20.1642 11.8295 20.5 12.2437 20.5C12.658 20.5 12.9937 20.1642 12.9937 19.75L12.9937 10.75C12.9937 10.3358 12.658 10 12.2437 10ZM5.75008 10C5.33586 10 5.00008 10.3358 5.00008 10.75L5.00008 19.75C5.00008 20.1642 5.33586 20.5 5.75008 20.5C6.16429 20.5 6.50008 20.1642 6.50008 19.75L6.50008 10.75C6.50008 10.3358 6.16429 10 5.75008 10ZM10.52 4.84907C10.4668 5.15044 10.5864 5.52556 10.7805 5.71969C11.0733 6.01259 11.0733 6.48746 10.7804 6.78035C10.4875 7.07323 10.0126 7.07322 9.71977 6.78031C9.16393 6.22444 8.90848 5.34956 9.04278 4.58843C9.1129 4.19099 9.29717 3.7827 9.64842 3.47278C10.0058 3.1574 10.4727 3 11.0001 3C11.6195 3 12.0801 3.27105 12.4206 3.60594C12.7029 3.88369 12.9311 4.23682 13.1087 4.51169L13.1602 4.59126C13.2871 4.78651 13.3971 4.94572 13.5001 5.07314L13.5001 3.75C13.5001 3.33579 13.8359 3 14.2501 3C14.6643 3 15.0001 3.3358 15.0001 3.75001L15.0001 6.25C15.0001 6.66421 14.6643 7 14.2501 7C12.9365 7 12.2972 6.01615 11.913 5.42495L11.8739 5.36478C11.6678 5.04741 11.5275 4.83157 11.3687 4.67531C11.2326 4.54145 11.1307 4.5 11.0001 4.5C10.7775 4.5 10.6819 4.56135 10.6409 4.59753C10.5937 4.63917 10.5436 4.71525 10.52 4.84907ZM21.2804 7.03033C21.2804 7.03033 21.3641 6.93748 21.2849 7.02574L21.2902 7.02038L21.3028 7.0071C21.3122 6.99713 21.3233 6.98491 21.336 6.97044C21.3613 6.94152 21.3928 6.90347 21.4282 6.85625C21.499 6.7619 21.5861 6.63004 21.6709 6.46041C21.8418 6.11869 22.0001 5.62957 22.0001 5C22.0001 4.36079 21.8187 3.80404 21.4606 3.39868C21.1001 2.99078 20.6032 2.78837 20.1011 2.80447C19.6847 2.81781 19.3054 2.97097 19.0001 3.23014C18.6948 2.97097 18.3155 2.81781 17.8991 2.80447C17.3969 2.78837 16.9 2.99078 16.5396 3.39868C16.1814 3.80404 16.0001 4.36079 16.0001 5C16.0001 5.62957 16.1584 6.11869 16.3293 6.46041C16.4141 6.63004 16.5012 6.7619 16.572 6.85625C16.6074 6.90347 16.6389 6.94152 16.6642 6.97044C16.6768 6.98491 16.688 6.99713 16.6973 7.0071L16.71 7.02038L16.7152 7.02577L16.7176 7.02811L16.7185 7.02909L16.7197 7.03033C17.0126 7.32322 17.4875 7.32322 17.7804 7.03033C18.0693 6.7414 18.0732 6.27538 17.7921 5.98166C17.7892 5.9783 17.7821 5.96981 17.772 5.95625C17.749 5.9256 17.7111 5.86996 17.6709 5.78959C17.5918 5.63131 17.5001 5.37043 17.5001 5C17.5001 4.63921 17.6 4.46399 17.6637 4.39188C17.7251 4.32231 17.7907 4.30176 17.8511 4.3037C17.9156 4.30577 18.0028 4.33597 18.0819 4.42721C18.1585 4.5155 18.2501 4.69038 18.2501 5C18.2501 5.41421 18.5859 5.75 19.0001 5.75C19.4143 5.75 19.7501 5.41421 19.7501 5C19.7501 4.69038 19.8417 4.5155 19.9183 4.42721C19.9974 4.33597 20.0845 4.30577 20.1491 4.3037C20.2094 4.30176 20.275 4.32231 20.3365 4.39188C20.4002 4.46399 20.5001 4.63921 20.5001 5C20.5001 5.37043 20.4084 5.6313 20.3293 5.78959C20.2891 5.86996 20.2512 5.9256 20.2282 5.95625C20.218 5.96981 20.2109 5.9783 20.208 5.98166C19.9269 6.27538 19.9308 6.7414 20.2197 7.03033C20.5126 7.32322 20.9875 7.32322 21.2804 7.03033ZM16.7176 7.02811L16.7185 7.02909C16.713 7.02237 16.5516 6.8282 16.7176 7.02811Z" 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_number_list_rtl_rotate_270_24_regular.svg";

Details