Good for
Feature lists, onboarding, landing pages, empty states.
Universal style · 500 icons
Duo icons
An outline over a soft tinted fill. Friendly, with a little depth. Great for feature lists, onboarding, landing pages, empty states.
When to use Duo
Sizes
Reads well from 16px up, so it works in menus, buttons and small UI as well as on slides.
Colour
One colour plus a soft tint of it. Pick any colour when you download.
For developers
@withicons/react/duo<with-icon variant="duo">with with-home with-duo
Developer docs · on npm
All 500 in Duo
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