Enhance your icon workflow 10x with the Nucleo app
Launch Web App
Get filtering and sorting icons for search pages, data tables, product catalogs, and admin dashboards. Funnels, filter bars, ascending and descending arrows, A to Z sorting, magnifiers, and empty result states come in outline, fill, and duo styles. Download them as SVG, copy them as React components, or fine-tune them in the Nucleo apps.
Nucleo Core covers filtering and sorting in outline and fill styles at 24, 32, and 48px. The grid uses 16 outline icons at 32px, from funnels and sort arrows to magnifiers and a UFO for empty results, ready for toolbars and search pages.
Drawn on an 18px grid for interface components, Nucleo UI icons in the fill duo style use a softer secondary tone. Search, filter, sort, and search history make a compact toolbar above a results list.
Newest first
Price: low to high
A to Z
Add filter
Sort chips and filter tags read well with Nucleo UI icons in the outline duo style. Pair date, number, and alphabetical sort icons with labels like newest first or price low to high above product grids and tables.
AI search
Describe what you need and get matching results
Instant results
Show matches as people type in the search field
Advanced filters
Combine several conditions to narrow long lists
Sort options
Reorder results by date, price, or relevance
Search features get a retro feel from Nucleo Pixel icons built on a 24px pixel grid with crisp, square strokes. Use the sparkle magnifier, quick search, funnel, and sort arrows to describe AI search, instant results, and filters.
Browse icons by category: