Azure Architecture Icons

Azure Architecture Icons provides 606 color service icons for documenting Azure infrastructure. Use the Icon component from @f5xc-salesdemos/icons-azure to render any icon by name. Default size is 18x18 with gradient fills.

Usage

---
import Icon from '@f5xc-salesdemos/icons-azure/Icon.astro';
---

<Icon name="virtual-machine" />
<Icon name="kubernetes-services" size="2rem" />
<Icon name="load-balancers" size="1.5rem" label="Load Balancer" />

These icons use original vendor colors (not currentColor). Colors are embedded in the SVG markup and preserved in both light and dark mode.

Compute

virtual-machine

function-apps

kubernetes-services

app-services

container-instances

container-registries

vm-scale-sets

batch-accounts

Networking

load-balancers

application-gateways

virtual-networks

dns-zones

front-door-and-cdn-profiles

firewalls

expressroute-circuits

virtual-wans

traffic-manager-profiles

nat

Data & Storage

storage-accounts

azure-cosmos-db

sql-database

cache-redis

azure-database-postgresql-server

azure-database-mysql-server

azure-synapse-analytics

data-factories

Security & Identity

key-vaults

microsoft-defender-for-cloud

azure-sentinel

application-security-groups

entra-id-protection

ddos-protection-plans

conditional-access

web-application-firewall-policieswaf

AI & ML

azure-openai

machine-learning

cognitive-services

bot-services

ai-studio

computer-vision

Management

monitor

log-analytics-workspaces

application-insights

automation-accounts

policy

advisor

cost-management

management-groups

Browse All Icons

For the complete list of 606 Azure Architecture Icons, visit the Microsoft Azure Architecture Icons page.