Text Number List LTR 90 icon

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

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

Use it in HTML

Reference the SVG file directly:

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

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="M21.25 6.0001C21.6042 6.0001 21.9102 5.75227 21.9837 5.40576C22.057 5.06011 21.8791 4.7103 21.557 4.5658L21.5536 4.56426C21.5493 4.56226 21.5412 4.55842 21.5296 4.55275C21.5063 4.5414 21.4694 4.52282 21.4219 4.49705C21.3264 4.44527 21.1905 4.36584 21.0375 4.2594C20.7246 4.04176 20.3751 3.73538 20.1361 3.35275C19.9166 3.00144 19.4539 2.89456 19.1026 3.11401C18.7513 3.33347 18.6445 3.79615 18.8639 4.14746C18.9417 4.27205 19.0253 4.38956 19.1124 4.5001L16.75 4.5001C16.3358 4.5001 16 4.83589 16 5.2501C16 5.66431 16.3358 6.0001 16.75 6.0001L21.25 6.0001ZM5.25 20.4995C5.66421 20.4995 6 20.1637 6 19.7495L6 10.7495C6 10.3353 5.66421 9.99951 5.25 9.99951C4.83579 9.99951 4.5 10.3353 4.5 10.7495L4.5 19.7495C4.5 20.1637 4.83579 20.4995 5.25 20.4995ZM11.7563 20.4995C12.1706 20.4995 12.5063 20.1637 12.5063 19.7495L12.5063 10.7495C12.5063 10.3353 12.1706 9.99951 11.7563 9.99951C11.3421 9.99951 11.0063 10.3353 11.0063 10.7495L11.0063 19.7495C11.0063 20.1637 11.3421 20.4995 11.7563 20.4995ZM18.25 20.4995C18.6642 20.4995 19 20.1637 19 19.7495V10.7495C19 10.3353 18.6642 9.99951 18.25 9.99951C17.8358 9.99951 17.5 10.3353 17.5 10.7495L17.5 19.7495C17.5 20.1637 17.8358 20.4995 18.25 20.4995ZM13.4801 5.15093C13.5333 4.84957 13.4137 4.47444 13.2196 4.28031C12.9267 3.98741 12.9267 3.51254 13.2196 3.21965C13.5126 2.92677 13.9874 2.92679 14.2803 3.21969C14.8361 3.77556 15.0916 4.65044 14.9573 5.41157C14.8872 5.80901 14.7029 6.2173 14.3517 6.52722C13.9942 6.8426 13.5273 7 13 7C12.3805 7 11.92 6.72895 11.5795 6.39406C11.2971 6.1163 11.069 5.76315 10.8914 5.48826L10.8399 5.40874C10.713 5.21349 10.603 5.05428 10.5 4.92686V6.25C10.5 6.66421 10.1642 7 9.74999 7C9.33578 7 8.99999 6.6642 8.99999 6.24999V3.75C8.99999 3.33579 9.33578 3 9.74999 3C11.0636 3 11.7029 3.98385 12.087 4.57505L12.1261 4.63522C12.3323 4.95259 12.4725 5.16843 12.6314 5.32469C12.7675 5.45855 12.8694 5.5 13 5.5C13.2226 5.5 13.3182 5.43865 13.3592 5.40247C13.4064 5.36083 13.4565 5.28475 13.4801 5.15093ZM2.71967 2.96967C2.71967 2.96967 2.63595 3.06251 2.71515 2.97426L2.70988 2.97962L2.69723 2.9929C2.68789 3.00287 2.67674 3.01509 2.66408 3.02956C2.63878 3.05848 2.60729 3.09653 2.57187 3.14375C2.50112 3.2381 2.41399 3.36996 2.32918 3.53959C2.15832 3.88131 2 4.37043 2 5C2 5.63921 2.18136 6.19596 2.53952 6.60132C2.89993 7.00922 3.39684 7.21163 3.89902 7.19553C4.31539 7.18219 4.69468 7.02903 5 6.76986C5.30532 7.02903 5.68461 7.18219 6.10098 7.19553C6.60317 7.21163 7.10007 7.00922 7.46048 6.60132C7.81864 6.19596 8 5.63921 8 5C8 4.37043 7.84168 3.88131 7.67082 3.53959C7.58601 3.36996 7.49889 3.2381 7.42813 3.14375C7.39271 3.09653 7.36122 3.05848 7.33592 3.02956C7.32326 3.01509 7.31211 3.00287 7.30277 2.9929L7.29011 2.97962L7.28485 2.97423L7.2825 2.97189L7.28154 2.97091L7.28033 2.96967C6.98744 2.67678 6.51256 2.67678 6.21967 2.96967C5.93074 3.2586 5.92683 3.72462 6.20794 4.01834C6.21084 4.0217 6.21795 4.03018 6.22812 4.04375C6.25112 4.0744 6.28899 4.13004 6.32918 4.21041C6.40832 4.36869 6.5 4.62957 6.5 5C6.5 5.36079 6.40011 5.53601 6.3364 5.60812C6.27493 5.67768 6.20933 5.69823 6.14902 5.6963C6.08447 5.69423 5.99731 5.66403 5.91818 5.57278C5.84162 5.4845 5.75 5.30962 5.75 5C5.75 4.58579 5.41421 4.25 5 4.25C4.58579 4.25 4.25 4.58579 4.25 5C4.25 5.30962 4.15838 5.4845 4.08182 5.57278C4.00269 5.66403 3.91553 5.69423 3.85098 5.6963C3.79066 5.69823 3.72507 5.67768 3.6636 5.60812C3.59989 5.53601 3.5 5.36079 3.5 5C3.5 4.62957 3.59168 4.36869 3.67082 4.21041C3.711 4.13004 3.74888 4.0744 3.77188 4.04375C3.78205 4.03018 3.78916 4.0217 3.79206 4.01834C4.07317 3.72462 4.06926 3.2586 3.78033 2.96967C3.48744 2.67678 3.01256 2.67678 2.71967 2.96967ZM7.2825 2.97189L7.28154 2.97091C7.2871 2.9776 7.44851 3.17182 7.2825 2.97189Z" 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_90_24_regular.svg";

Details