IconSearch logoIconsearch
Home/Libraries/Quill Icons (Iconify)/sort
← Back to Search
Quill Icons (Iconify)

Sort

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="#818cf8"><circle cx="18.078" cy="8.286" r="1" transform="rotate(-9 18.078 8.286)"/><path d="M8.045 8.862a1 1 0 0 0 .313 1.976zm4.263 1.35a1 1 0 0 0-.312-1.976zm-3.325 4.576a1 1 0 1 0 .313 1.976zm10.19.411a1 1 0 1 0-.313-1.975zM9.61 18.74a1 1 0 0 0 .313 1.976zm8.215.724a1 1 0 1 0-.313-1.975zM8.73 25.967l-.157-.988zm-2.29-1.664l-.988.157zm17.778-2.815l-.988.156zm-1.663 2.288l.157.987zM19.271 3.034l-.156-.987zm2.288 1.663l.988-.157zm-16.115.527l.156.988zM3.78 7.513l.988-.157zM26 10v17h2V10zm-1 18H11v2h14zm-14 0a1 1 0 0 1-1-1H8a3 3 0 0 0 3 3zm15-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zM25 9a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zM10 27v-2H8v2zM25 7h-3v2h3zM8.358 10.838l3.95-.626l-.312-1.976l-3.951.626zm.938 5.926l9.877-1.565l-.313-1.975l-9.877 1.564zm.626 3.95l7.901-1.251l-.312-1.975l-7.902 1.251zM5.6 6.213l13.828-2.19l-.313-1.975l-13.828 2.19zm14.972-1.359l2.66 16.79l1.975-.312l-2.66-16.79zM22.4 22.788l-13.828 2.19l.313 1.975l13.828-2.19zM7.428 24.147l-2.66-16.79l-1.975.312l2.66 16.79zm1.144.831a1 1 0 0 1-1.144-.831l-1.975.313a3 3 0 0 0 3.432 2.493zm14.66-3.334a1 1 0 0 1-.832 1.144l.313 1.975a3 3 0 0 0 2.494-3.432zM19.427 4.022a1 1 0 0 1 1.144.831l1.975-.313a3 3 0 0 0-3.432-2.493zm-14.14.215a3 3 0 0 0-2.495 3.432l1.976-.313A1 1 0 0 1 5.6 6.212z"/></g></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. SortIcon.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 Quill Icons (Iconify)

Browse all Quill Icons (Iconify) icons →
activity
activity
add
add
alarm
alarm
alt
alt
arrow-down
arrow-down
arrow-left
arrow-left
arrow-right
arrow-right
arrow-up
arrow-up
at
at
attachment
attachment
breather
breather
broadcast
broadcast