Good for
Docs, engineering, architecture, developer tools.
Creative style · 500 icons
Blueprint icons
A technical drawing with construction lines. Precise and nerdy. Great for docs, engineering, architecture, developer tools.
When to use Blueprint
Sizes
Shines at 32px and larger: hero sections, slides, posters and illustrations.
Colour
One ink colour; developers can add an accent colour for the construction lines.
For developers
@withicons/react/blueprint<with-icon variant="blueprint">with with-home with-blueprint
Developer docs · on npm
All 500 in Blueprint
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