Text Number List LTR icon

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

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

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_text_number_list_ltr_24_regular.svg" width="24" height="24" alt="Text Number List LTR">

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.0001 2.75007C6.0001 2.39585 5.75227 2.08992 5.40576 2.0164C5.06011 1.94307 4.7103 2.12094 4.5658 2.44311L4.56426 2.44645C4.56226 2.45075 4.55842 2.45889 4.55275 2.47049C4.5414 2.49373 4.52282 2.53063 4.49704 2.57815C4.44527 2.67364 4.36584 2.80953 4.2594 2.96255C4.04176 3.27544 3.73538 3.62496 3.35275 3.86399C3.00144 4.08344 2.89456 4.54613 3.11401 4.89743C3.33346 5.24873 3.79615 5.35562 4.14746 5.13616C4.27205 5.05833 4.38956 4.97481 4.5001 4.88772V7.25007C4.5001 7.66429 4.83589 8.00007 5.2501 8.00007C5.66431 8.00007 6.0001 7.66429 6.0001 7.25007V2.75007ZM20.4995 18.7501C20.4995 18.3359 20.1637 18.0001 19.7495 18.0001H10.7495C10.3353 18.0001 9.99951 18.3359 9.99951 18.7501C9.99951 19.1643 10.3353 19.5001 10.7495 19.5001H19.7495C20.1637 19.5001 20.4995 19.1643 20.4995 18.7501ZM20.4995 12.2437C20.4995 11.8295 20.1637 11.4937 19.7495 11.4937H10.7495C10.3353 11.4937 9.99951 11.8295 9.99951 12.2437C9.99951 12.658 10.3353 12.9937 10.7495 12.9937H19.7495C20.1637 12.9937 20.4995 12.658 20.4995 12.2437ZM20.4995 5.75008C20.4995 5.33586 20.1637 5.00008 19.7495 5.00008H10.7495C10.3353 5.00008 9.99951 5.33586 9.99951 5.75008C9.99951 6.16429 10.3353 6.50008 10.7495 6.50008H19.7495C20.1637 6.50008 20.4995 6.16429 20.4995 5.75008ZM5.15093 10.52C4.84957 10.4668 4.47444 10.5864 4.28031 10.7805C3.98741 11.0733 3.51253 11.0733 3.21965 10.7804C2.92677 10.4875 2.92678 10.0127 3.21969 9.71977C3.77556 9.16393 4.65044 8.90848 5.41157 9.04278C5.809 9.11291 6.2173 9.29717 6.52722 9.64842C6.8426 10.0058 7 10.4727 7 11.0001C7 11.6195 6.72895 12.0801 6.39406 12.4206C6.1163 12.7029 5.76315 12.9311 5.48826 13.1087L5.40874 13.1602C5.21348 13.2871 5.05428 13.3971 4.92686 13.5001H6.25C6.66421 13.5001 7 13.8359 7 14.2501C7 14.6643 6.6642 15.0001 6.24999 15.0001H3.75C3.33579 15.0001 3 14.6643 3 14.2501C3 12.9365 3.98385 12.2972 4.57505 11.913L4.63522 11.8739C4.95259 11.6678 5.16843 11.5275 5.32469 11.3687C5.45855 11.2326 5.5 11.1307 5.5 11.0001C5.5 10.7775 5.43865 10.6819 5.40247 10.6409C5.36083 10.5937 5.28475 10.5436 5.15093 10.52ZM2.96967 21.2804C2.96967 21.2804 3.06251 21.3641 2.97426 21.2849L2.97962 21.2902L2.9929 21.3028C3.00287 21.3122 3.01509 21.3233 3.02956 21.336C3.05848 21.3613 3.09653 21.3928 3.14375 21.4282C3.2381 21.499 3.36996 21.5861 3.53959 21.6709C3.88131 21.8418 4.37043 22.0001 5 22.0001C5.63921 22.0001 6.19596 21.8187 6.60132 21.4606C7.00922 21.1001 7.21163 20.6032 7.19553 20.1011C7.18219 19.6847 7.02903 19.3054 6.76986 19.0001C7.02903 18.6948 7.18219 18.3155 7.19553 17.8991C7.21163 17.3969 7.00922 16.9 6.60132 16.5396C6.19596 16.1814 5.63921 16.0001 5 16.0001C4.37043 16.0001 3.88131 16.1584 3.53959 16.3293C3.36996 16.4141 3.2381 16.5012 3.14375 16.572C3.09653 16.6074 3.05848 16.6389 3.02956 16.6642C3.01509 16.6768 3.00287 16.688 2.9929 16.6973L2.97962 16.71L2.97423 16.7152L2.97189 16.7176L2.97091 16.7185L2.96967 16.7197C2.67678 17.0126 2.67678 17.4875 2.96967 17.7804C3.2586 18.0693 3.72462 18.0732 4.01834 17.7921C4.0217 17.7892 4.03018 17.7821 4.04375 17.772C4.0744 17.749 4.13004 17.7111 4.21041 17.6709C4.36869 17.5918 4.62957 17.5001 5 17.5001C5.36079 17.5001 5.53601 17.6 5.60812 17.6637C5.67768 17.7251 5.69823 17.7907 5.6963 17.8511C5.69423 17.9156 5.66403 18.0028 5.57278 18.0819C5.4845 18.1585 5.30962 18.2501 5 18.2501C4.58579 18.2501 4.25 18.5859 4.25 19.0001C4.25 19.4143 4.58579 19.7501 5 19.7501C5.30962 19.7501 5.4845 19.8417 5.57278 19.9183C5.66403 19.9974 5.69423 20.0845 5.6963 20.1491C5.69823 20.2094 5.67768 20.275 5.60812 20.3365C5.53601 20.4002 5.36079 20.5001 5 20.5001C4.62957 20.5001 4.36869 20.4084 4.21041 20.3293C4.13004 20.2891 4.0744 20.2512 4.04375 20.2282C4.03018 20.218 4.0217 20.2109 4.01834 20.208C3.72462 19.9269 3.2586 19.9308 2.96967 20.2197C2.67678 20.5126 2.67678 20.9875 2.96967 21.2804ZM2.97189 16.7176L2.97091 16.7185C2.9776 16.713 3.17182 16.5516 2.97189 16.7176Z" 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_ltr_24_regular.svg";

Details