IconSearch logoIconsearch
Home/Libraries/Fluent UI MDL2 (Iconify)/number-field
← Back to Search
Fluent UI MDL2 (Iconify)

NumberField

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 2048 2048"><path fill="#818cf8" d="M1024 1280H640v-75q0-38 14-73q11-28 33-54t50-53t55-50t51-49t38-47t15-47q0-26-19-45t-45-19q-23 0-40 14t-23 37l-125-26q6-33 23-61t44-48t57-32t64-12q40 0 75 15t61 41t41 61t15 75q0 39-11 70t-31 58t-44 51t-51 46t-51 46t-47 49h235zM2048 256v1408H0V256zm-128 128H128v1152h1792zM397 787q-29 17-68 31t-73 14V704q11 0 31-6t40-15t36-21t22-22h127v640H397zm923 493q-42 0-81-14t-75-37v-127q20 15 35 26t32 18t34 10t45 3q22 0 42-4t35-15t25-28t9-42q0-31-24-44t-56-18t-65-3t-53 2v-97h58q31 0 58-7t45-26t18-57q0-42-25-56t-64-14q-40 0-69 18t-58 43V681q34-23 76-32t82-9q36 0 70 10t60 29t43 49t16 69q0 48-19 85t-62 61q44 15 72 53t28 85t-20 84t-52 62t-75 39t-85 14"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. NumberFieldIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Fluent UI MDL2 (Iconify)

Browse all Fluent UI MDL2 (Iconify) icons →
accept
accept
accept-medium
accept-medium
access-logo
access-logo
accessibilty-checker
accessibilty-checker
account-activity
account-activity
account-browser
account-browser
account-management
account-management
accounts
accounts
action-center
action-center
activate-orders
activate-orders
activity-feed
activity-feed
add
add