Home/Libraries/Siemens Industrial Experience Icons (Iconify)/list-sorted

Siemens Industrial Experience Icons (Iconify)

ListSorted

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512"><path fill="#818cf8" fill-rule="evenodd" d="M109.917 80.25v90.417h25.75V52.583h-22.834L75.083 74.75l12 19.75zm103.416 5.083h256V128h-256zm0 149.333h256v42.667h-256zm0 149.334h256v42.667h-256zM71.667 320v-20q24.584-20.667 36.75-32.333q13-12.5 17.5-19.084q4.583-6.666 4.583-13.083q0-6.583-5.5-10.667q-5.416-4.166-14.167-4.166q-12.5 0-31.5 8.083l-6.666-20.667q21-8.25 41.416-8.25q20.167 0 31.334 8.667q11.75 9.084 11.75 25.833q0 10.667-4.75 19.417q-4.667 8.75-17.084 21.167q-10.25 10.25-26.416 24.25h49.25V320zM75.5 444l-5.75 20.75q17.667 6.833 39.417 6.833q15.75 0 25.916-4t15.834-12.416q5.833-8.584 5.833-19.584q0-12.167-7.083-19.166q-6.167-6-18.5-7.834q12.416-1.916 18.416-8.5q6-6.666 6-18.333q0-17.167-12.75-25.417q-11.166-7.166-30.5-7.166q-20.25 0-38.833 6.75l5.583 20.5Q95.667 370 108.5 370q9.917 0 15.167 3.667Q129 377.25 129 384q0 7-6.917 10.917Q115 399 96.083 399q-3.833 0-7.75-.167v19.417q8.167-.333 13.25-.333q13.584 0 19.917 3.083q8.583 4.167 8.583 13.417q0 6.416-4.416 10.666q-5.667 5.667-19.25 5.667Q90 450.75 75.5 444" clip-rule="evenodd"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. ListSortedIcon.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.