Good for
Selected states, tab bars, small sizes, high contrast.
Universal style · 500 icons
Solid icons
Filled shapes with bold weight. Reads instantly, even tiny. Great for selected states, tab bars, small sizes, high contrast.
When to use Solid
Sizes
Reads well from 16px up, so it works in menus, buttons and small UI as well as on slides.
Colour
A single colour you choose when you download. Every shape follows it.
For developers
@withicons/react/solid<with-icon variant="solid">with with-home with-solid
Developer docs · on npm
All 500 in Solid
Grouped by category. Click one for downloads, colours and sizes.
Navigation 17
Arrows 26
- Arrow Down
- Arrow Down Left
- Arrow Down Right
- Arrow Left
- Arrow Left Right
- Arrow Right
- Arrow Up
- Arrow Up Down
- Arrow Up Left
- Arrow Up Right
- Chevrons Down
- Chevrons Left
- Chevrons Right
- Chevrons Up
- Chevrons Up Down
- Circle Arrow Down
- Circle Arrow Left
- Circle Arrow Right
- Circle Arrow Up
- Corner Down Left
- Corner Down Right
- Move
- Refresh
- Rotate CCW
- Rotate CW
- Swap
Actions 31
Status 19
Media 32
Files 36
- Archive
- Book
- Clipboard Check
- Clipboard List
- Cloud Download
- Cloud Upload
- File
- File Archive
- File Audio
- File Check
- File Code
- File Down
- File Image
- File Lock
- File Minus
- File PDF
- File Plus
- File Search
- File Spreadsheet
- File Text
- File Up
- File Video
- File X
- Files
- Folder
- Folder Minus
- Folder Open
- Folder Plus
- Folder Search
- Library
- Newspaper
- Notebook
- Notepad Text
- Paperclip
- Scroll Text
- Sticky Note