Text Number List Rotate 270 icon

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

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

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_text_number_list_rotate_270_24_regular.svg" width="24" height="24" alt="Text Number List 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 17.9999C2.39585 17.9999 2.08992 18.2477 2.0164 18.5942C1.94307 18.9399 2.12094 19.2897 2.44311 19.4342L2.44645 19.4357C2.45075 19.4377 2.45889 19.4416 2.47049 19.4472C2.49373 19.4586 2.53063 19.4772 2.57815 19.503C2.67364 19.5547 2.80953 19.6342 2.96255 19.7406C3.27544 19.9582 3.62496 20.2646 3.86399 20.6473C4.08344 20.9986 4.54613 21.1054 4.89743 20.886C5.24873 20.6665 5.35562 20.2038 5.13616 19.8525C5.05833 19.728 4.97481 19.6104 4.88772 19.4999L7.25007 19.4999C7.66429 19.4999 8.00007 19.1641 8.00007 18.7499C8.00007 18.3357 7.66429 17.9999 7.25007 17.9999L2.75007 17.9999ZM18.7501 3.50049C18.3359 3.50049 18.0001 3.83628 18.0001 4.25049V13.2505C18.0001 13.6647 18.3359 14.0005 18.7501 14.0005C19.1643 14.0005 19.5001 13.6647 19.5001 13.2505V4.25049C19.5001 3.83628 19.1643 3.50049 18.7501 3.50049ZM12.2437 3.50049C11.8295 3.50049 11.4937 3.83628 11.4937 4.25049V13.2505C11.4937 13.6647 11.8295 14.0005 12.2437 14.0005C12.658 14.0005 12.9937 13.6647 12.9937 13.2505V4.25049C12.9937 3.83628 12.658 3.50049 12.2437 3.50049ZM5.75008 3.50049C5.33586 3.50049 5.00008 3.83628 5.00008 4.25049L5.00008 13.2505C5.00008 13.6647 5.33586 14.0005 5.75008 14.0005C6.16429 14.0005 6.50008 13.6647 6.50008 13.2505V4.25049C6.50008 3.83628 6.16429 3.50049 5.75008 3.50049ZM10.52 18.8491C10.4668 19.1504 10.5864 19.5256 10.7805 19.7197C11.0733 20.0126 11.0733 20.4875 10.7804 20.7803C10.4875 21.0732 10.0127 21.0732 9.71977 20.7803C9.16393 20.2244 8.90848 19.3496 9.04278 18.5884C9.11291 18.191 9.29717 17.7827 9.64842 17.4728C10.0058 17.1574 10.4727 17 11.0001 17C11.6195 17 12.0801 17.271 12.4206 17.6059C12.7029 17.8837 12.9311 18.2369 13.1087 18.5117L13.1602 18.5913C13.2871 18.7865 13.3971 18.9457 13.5001 19.0731V17.75C13.5001 17.3358 13.8359 17 14.2501 17C14.6643 17 15.0001 17.3358 15.0001 17.75V20.25C15.0001 20.6642 14.6643 21 14.2501 21C12.9365 21 12.2972 20.0161 11.913 19.4249L11.8739 19.3648C11.6678 19.0474 11.5275 18.8316 11.3687 18.6753C11.2326 18.5415 11.1307 18.5 11.0001 18.5C10.7775 18.5 10.6819 18.5614 10.6409 18.5975C10.5937 18.6392 10.5436 18.7153 10.52 18.8491ZM21.2804 21.0303C21.2804 21.0303 21.3641 20.9375 21.2849 21.0257L21.2902 21.0204L21.3028 21.0071C21.3122 20.9971 21.3233 20.9849 21.336 20.9704C21.3613 20.9415 21.3928 20.9035 21.4282 20.8563C21.499 20.7619 21.5861 20.63 21.6709 20.4604C21.8418 20.1187 22.0001 19.6296 22.0001 19C22.0001 18.3608 21.8187 17.804 21.4606 17.3987C21.1001 16.9908 20.6032 16.7884 20.1011 16.8045C19.6847 16.8178 19.3054 16.971 19.0001 17.2301C18.6948 16.971 18.3155 16.8178 17.8991 16.8045C17.3969 16.7884 16.9 16.9908 16.5396 17.3987C16.1814 17.804 16.0001 18.3608 16.0001 19C16.0001 19.6296 16.1584 20.1187 16.3293 20.4604C16.4141 20.63 16.5012 20.7619 16.572 20.8563C16.6074 20.9035 16.6389 20.9415 16.6642 20.9704C16.6768 20.9849 16.688 20.9971 16.6973 21.0071L16.71 21.0204L16.7152 21.0258L16.7176 21.0281L16.7185 21.0291L16.7197 21.0303C17.0126 21.3232 17.4875 21.3232 17.7804 21.0303C18.0693 20.7414 18.0732 20.2754 17.7921 19.9817C17.7892 19.9783 17.7821 19.9698 17.772 19.9563C17.749 19.9256 17.7111 19.87 17.6709 19.7896C17.5918 19.6313 17.5001 19.3704 17.5001 19C17.5001 18.6392 17.6 18.464 17.6637 18.3919C17.7251 18.3223 17.7907 18.3018 17.8511 18.3037C17.9156 18.3058 18.0028 18.336 18.0819 18.4272C18.1585 18.5155 18.2501 18.6904 18.2501 19C18.2501 19.4142 18.5859 19.75 19.0001 19.75C19.4143 19.75 19.7501 19.4142 19.7501 19C19.7501 18.6904 19.8417 18.5155 19.9183 18.4272C19.9974 18.336 20.0845 18.3058 20.1491 18.3037C20.2094 18.3018 20.275 18.3223 20.3365 18.3919C20.4002 18.464 20.5001 18.6392 20.5001 19C20.5001 19.3704 20.4084 19.6313 20.3293 19.7896C20.2891 19.87 20.2512 19.9256 20.2282 19.9563C20.218 19.9698 20.2109 19.9783 20.208 19.9817C19.9269 20.2754 19.9308 20.7414 20.2197 21.0303C20.5126 21.3232 20.9875 21.3232 21.2804 21.0303ZM16.7176 21.0281L16.7185 21.0291C16.713 21.0224 16.5516 20.8282 16.7176 21.0281Z" 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_rotate_270_24_regular.svg";

Details

Keywords

typetexttypographyeditcreatenumber