Cloud Architecture Icons Overview
Three icon packs provide color service icons for documenting cloud infrastructure. Unlike monochrome icon packs, these preserve original vendor colors for architecture diagrams.
Available Packs
Section titled “Available Packs”| Pack | Icons | Default Size | Page |
|---|---|---|---|
| AWS Architecture | 885 | 48x48 | AWS |
| Azure Architecture | 606 | 18x18 | Azure |
| GCP Architecture | 216 | 24x24 | GCP |
---import AwsIcon from '@f5xc-salesdemos/icons-aws/Icon.astro';import AzureIcon from '@f5xc-salesdemos/icons-azure/Icon.astro';import GcpIcon from '@f5xc-salesdemos/icons-gcp/Icon.astro';---
<AwsIcon name="lambda" /><AzureIcon name="virtual-machine" /><GcpIcon name="cloud-storage" />Color Rendering
Section titled “Color Rendering”These icon packs use original vendor colors (not currentColor). The no-invert class on icon cards preserves colors in dark mode. When using these icons outside of the grid layout, no special handling is needed — colors are embedded in the SVG markup.
See each pack’s dedicated page for curated icon grids organized by service category.
Browse full icon sets: AWS Icons | Azure Icons | GCP Icons