Icons
Key icons, icon packs & how to use them.
How to use icons
We use icons packs from iconify for icon usage in our codebases. Cudo Components is packaged with HeroIcons, both solid and outline packs, and supports iconify for icon usage with our Icon component.
Key platform icons
Below are important icons used to represent entities & key areas of the platform.
| Name | Icon | ID |
|---|---|---|
| API Key | i-solar-key-square-2-line-duotone | |
| Billing account | i-solar-card-line-duotone | |
| SSH Key | i-solar-programming-linear | |
| Project | i-solar-folder-line-duotone | |
| Payment method | i-solar-banknote-2-line-duotone | |
| Invoice | i-solar-document-text-linear | |
| Transaction | i-solar-transfer-horizontal-line-duotone | |
| Virtual machine | i-solar-server-linear | |
| Monitoring | i-iconoir-graph-up | |
| Disk | i-solar-ssd-square-line-duotone | |
| Network | i-solar-share-circle-line-duotone | |
| Image | i-iconoir-compact-disc | |
| Bucket | i-iconoir-bin | |
| Object | i-solar-file-line-duotone | |
| Security group | i-solar-shield-check-linear | |
| Revenue / Cost report | i-solar-chart-2-line-duotone | |
| Data center | i-solar-buildings-line-duotone | |
| Home | i-solar-home-2-linear | |
| Settings | i-solar-settings-linear |
Marketing icons
Set of marketing icons is more detailed. The minumum size for these is 48px. You may use them for all marketing collateral such as presentations, brochures & creative ads, etc.
Packs
The icon packs we currently use across our codebases are listed below. Aim to utilise Carbon & Solar where possible.
- Carbon - Primary icon pack
- Solar - Used for assets & entities, see list above.
- Iconoir - Used for some assets & entities.
- Hero Icons - Used for a range of icons
- Material Design Icons - Some interaction icons as well as sustainability icons.
- Twitter Emojis (twemoji) - Flag icons.
- SVG Logos - Logos such as Visa, Mastercard etc.
- Bootstrap Icons (bi) - Memory and GPU card icons.
- css.gg (gg) - Server icon.
- Material Symbols - Network and chart icons.
- Clarity - Disk & unlink icons.
- Icon Park - Images icon.