Text Number Format icon

Use the Text Number Format 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 { TextNumberFormat24Regular, TextNumberFormat24Filled } from "@fluentui/react-icons";

export function Example() {
  return <TextNumberFormat24Regular aria-label="Text Number Format" />;
}

Use it in HTML

Reference the SVG file directly:

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

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="M9.75897 3.00005L9.75024 3C9.33603 3 9.00024 3.33579 9.00024 3.75V10.25C9.00024 10.6642 9.33603 11 9.75024 11L12.3752 11C12.6576 11 13.2728 10.9622 13.8437 10.6553C14.1399 10.496 14.4375 10.2569 14.6587 9.9041C14.8816 9.54852 15.0002 9.11962 15.0002 8.62505C15.0002 8.10895 14.8877 7.66319 14.6638 7.2955C14.5301 7.07594 14.3672 6.9015 14.1918 6.76385C14.4289 6.40846 14.5752 5.94891 14.5752 5.37506C14.5752 4.87345 14.4788 4.44025 14.2839 4.07926C14.0862 3.71323 13.8093 3.46243 13.5156 3.29839C12.979 2.9987 12.3977 2.99967 12.1826 3.00003L12.1627 3.00005H9.75897ZM12.3752 9.50004H10.5002L10.5002 7.75005H12.1627L12.1707 7.75004H12.3752C12.6219 7.75004 12.9224 7.75972 13.1557 7.87526C13.2556 7.92475 13.3291 7.98782 13.3826 8.07568C13.437 8.16502 13.5002 8.32864 13.5002 8.62505C13.5002 8.87333 13.4431 9.01899 13.3877 9.10738C13.3306 9.19858 13.2473 9.27286 13.1334 9.33412C12.8839 9.46822 12.5616 9.50004 12.3752 9.50004ZM10.5002 6.25004V4.50005H12.1627C12.3812 4.50005 12.6108 4.51114 12.7841 4.60796C12.8541 4.64705 12.9148 4.70094 12.964 4.79194C13.0158 4.88799 13.0752 5.06416 13.0752 5.37506C13.0752 5.63929 13.0207 5.79735 12.9684 5.89137C12.9165 5.98475 12.8467 6.05141 12.761 6.1034C12.5701 6.21912 12.3191 6.24936 12.1679 6.25004H10.5002ZM5.27696 3.0002C5.59056 3.00464 5.86827 3.20375 5.97315 3.49932L8.2796 9.99932C8.41812 10.3897 8.21396 10.8184 7.82359 10.9569C7.43322 11.0955 7.00448 10.8913 6.86596 10.5009L6.52799 9.54846L3.82604 9.54846L3.44963 10.5209C3.3001 10.9072 2.86574 11.0991 2.47946 10.9495C2.09317 10.8 1.90125 10.3657 2.05078 9.97938L4.5669 3.47938C4.68012 3.1869 4.96337 2.99575 5.27696 3.0002ZM5.23575 5.90671L4.40669 8.04846L5.99573 8.04846L5.23575 5.90671ZM20.5279 3.27165C21.1442 3.57383 21.6272 4.14434 21.9557 5.05569C22.0962 5.44535 21.8942 5.87512 21.5045 6.01561C21.1149 6.15609 20.6851 5.95409 20.5446 5.56443C20.3108 4.91578 20.0467 4.70629 19.8676 4.61847C19.6489 4.51125 19.4003 4.50006 19.0003 4.50006C18.6222 4.50006 18.3774 4.61968 18.1978 4.77937C18.0027 4.95282 17.8484 5.20768 17.7338 5.51341C17.6203 5.81603 17.5603 6.12935 17.5296 6.37435C17.5146 6.49491 17.5072 6.59424 17.5036 6.66129C17.5018 6.69471 17.501 6.7198 17.5006 6.73513L17.5003 6.75055C17.5003 7.27539 17.5079 7.94757 17.7297 8.51302C17.8353 8.78215 17.9803 9.00016 18.1762 9.16149C18.3679 9.31935 18.6485 9.45637 19.083 9.50465C19.4349 9.54374 20.2115 9.48341 20.567 8.69845C20.7379 8.32112 21.1823 8.15376 21.5596 8.32463C21.9369 8.4955 22.1043 8.9399 21.9334 9.31723C21.1638 11.0167 19.474 11.0573 18.9174 10.9955C18.2269 10.9188 17.6638 10.6826 17.2227 10.3194C16.7858 9.95965 16.509 9.5086 16.3333 9.06085C15.9998 8.21074 16.0001 7.28008 16.0003 6.78147L16.0003 6.7488L16.0003 6.74728L16.0003 6.7434L16.0004 6.73236L16.001 6.69761C16.0018 6.669 16.0031 6.62963 16.0057 6.58101C16.0109 6.48401 16.0211 6.34896 16.0412 6.18827C16.0809 5.87077 16.1615 5.43409 16.3293 4.98671C16.4959 4.54244 16.7636 4.0473 17.2013 3.65825C17.6544 3.25544 18.2534 3.00006 19.0003 3.00006L19.0394 3.00003C19.3987 2.99964 19.9719 2.99901 20.5279 3.27165ZM16.9714 15.1377C17.0034 15.0255 17.0797 14.8666 17.2223 14.7409C17.3506 14.6276 17.5778 14.5 18.0002 14.5C18.7615 14.5 19.0002 15.0002 19.0002 15.2273C19.0002 15.4724 18.9479 15.7178 18.8104 15.8907C18.6991 16.0308 18.4318 16.25 17.7085 16.25C17.2943 16.25 16.9585 16.5858 16.9585 17C16.9585 17.4142 17.2943 17.75 17.7085 17.75C17.982 17.75 18.3599 17.7864 18.6429 17.9191C18.7748 17.9809 18.8574 18.0505 18.9074 18.1207C18.9522 18.1837 19.0002 18.287 19.0002 18.4773C19.0002 18.965 18.848 19.1807 18.7195 19.2891C18.5685 19.4167 18.3242 19.5 18.0002 19.5C17.6382 19.5 17.4333 19.4374 17.3076 19.3578C17.1963 19.2873 17.0679 19.1538 16.9626 18.8338C16.8332 18.4403 16.4092 18.2263 16.0158 18.3558C15.6223 18.4852 15.4083 18.9092 15.5378 19.3026C15.7241 19.8689 16.0332 20.3263 16.5053 20.6252C16.9629 20.9149 17.4872 21 18.0002 21C18.5512 21 19.182 20.8618 19.6871 20.4353C20.2149 19.9898 20.5002 19.3191 20.5002 18.4773C20.5002 18.0027 20.3703 17.5891 20.129 17.2504C20.0504 17.14 19.9633 17.0423 19.8711 16.9559C19.9107 16.9135 19.9486 16.8695 19.9847 16.8241C20.4226 16.2731 20.5002 15.6321 20.5002 15.2273C20.5002 14.1543 19.5723 13 18.0002 13C17.2348 13 16.6488 13.2466 16.23 13.616C15.8255 13.9728 15.6207 14.4048 15.529 14.7259C15.4153 15.1242 15.646 15.5393 16.0443 15.653C16.4426 15.7667 16.8576 15.536 16.9714 15.1377ZM10.5002 15.5227C10.5002 14.995 10.9438 14.5 11.486 14.5C11.8932 14.5 12.2209 14.6909 12.3794 14.9345C12.5153 15.1434 12.5968 15.4998 12.2858 16.0292C12.1363 16.2837 11.9103 16.5114 11.6043 16.753C11.4518 16.8735 11.2887 16.9904 11.1113 17.1158L11.0375 17.1679C10.8853 17.2753 10.7223 17.3902 10.5649 17.5087C9.82132 18.0683 9.00024 18.8536 9.00024 20.25C9.00024 20.6642 9.33603 21 9.75024 21L9.75842 21L9.7666 21H13.2008C13.615 21 13.9508 20.6642 13.9508 20.25C13.9508 19.8358 13.615 19.5 13.2008 19.5H10.6879C10.8487 19.2182 11.1108 18.9752 11.4669 18.7072C11.6043 18.6038 11.7463 18.5036 11.8995 18.3955L11.9771 18.3407C12.1557 18.2145 12.3474 18.0775 12.534 17.9302C12.906 17.6364 13.2947 17.2731 13.5791 16.789C14.136 15.8411 14.1255 14.868 13.6368 14.1166C13.1706 13.4 12.3412 13 11.486 13C10.0085 13 9.00024 14.2777 9.00024 15.5227C9.00024 15.9369 9.33603 16.2727 9.75024 16.2727C10.1645 16.2727 10.5002 15.9369 10.5002 15.5227ZM4.91635 16.7376C5.127 16.5972 5.33087 16.4375 5.52368 16.2632V20.2499C5.52368 20.6641 5.85947 20.9999 6.27368 20.9999C6.6879 20.9999 7.02368 20.6641 7.02368 20.2499V13.7499C7.02368 13.3518 6.71351 13.0261 6.32165 13.0014C5.95754 12.9773 5.62072 13.2223 5.54038 13.5896C5.41378 14.1684 4.84866 14.9799 4.0843 15.4895C3.73965 15.7193 3.64652 16.1849 3.87629 16.5296C4.10605 16.8742 4.5717 16.9674 4.91635 16.7376Z" 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_format_24_regular.svg";

Details

Keywords

typetexttypographyeditcreatenumberletter