IconSearch logoIconsearch
Home/Libraries/Web Symbols Liga (Iconify)/list-numbered
← Back to Search
Web Symbols Liga (Iconify)

ListNumbered

License: OFL-1.1


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 1000 1000"><path fill="#818cf8" d="M1000 118v213H331V118zm0 334v213H331V452zM196 139v192h-42V206h-46v-29q49 0 56-38zm804 648v213H331V787zM232 626v33H91q1-28 17-48.5t34.5-30t34-23.5t15.5-30q0-12-7.5-19.5T164 500q-29 0-31 41H96q0-34 18-54.5t52-20.5q28 0 46.5 16t18.5 43q0 25-16.5 41t-40 30.5T141 626zm1 303q0 29-21 45.5T162 991q-32 0-51.5-17.5T91 925v-3h38q0 37 32 37q14 0 23-8t9-22t-10-21.5t-25-6.5h-9v-27h6q34 0 34-24q0-11-7.5-17.5T162 826q-29 0-29 33H96q1-30 18.5-47t47.5-17q26 0 45 13.5t19 38.5q0 13-7.5 24T199 885q34 8 34 44"/></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. ListNumberedIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **OFL-1.1** 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 Web Symbols Liga (Iconify)

Browse all Web Symbols Liga (Iconify) icons →
archive
archive
arrows-cw
arrows-cw
attach
attach
attention
attention
block
block
cancel
cancel
cancel-circle
cancel-circle
chat
chat
clock
clock
cloud
cloud
code
code
cog
cog