55 lines
1.4 KiB
Markdown
55 lines
1.4 KiB
Markdown
|
# Azure Icons Stencil for Draw.io
|
||
|
|
|
||
|
|
This directory contains stencil files for using Azure Architecture Icons in Draw.io (diagrams.net).
|
||
|
|
|
||
|
|
## Using the Stencil
|
||
|
|
|
||
|
|
### Method 1: Import Icons Directly
|
||
|
|
|
||
|
|
1. Open [Draw.io](https://app.diagrams.net/)
|
||
|
|
2. Click "More Shapes" (bottom left)
|
||
|
|
3. Click "+" to add a new library
|
||
|
|
4. Select "From Device"
|
||
|
|
5. Navigate to `assets/azure-icons/svg/`
|
||
|
|
6. Select the icons you want to use
|
||
|
|
7. Click "Create"
|
||
|
|
|
||
|
|
### Method 2: Use Icon Mapping
|
||
|
|
|
||
|
|
1. Open Draw.io
|
||
|
|
2. File → Open Library → From → Device
|
||
|
|
3. Select `azure-icons-library.json`
|
||
|
|
4. Icons will appear in the left panel
|
||
|
|
|
||
|
|
### Method 3: Manual Import
|
||
|
|
|
||
|
|
1. Open Draw.io
|
||
|
|
2. Click "Insert" → "Image"
|
||
|
|
3. Select "From Device"
|
||
|
|
4. Navigate to `assets/azure-icons/svg/`
|
||
|
|
5. Select the icon file
|
||
|
|
6. Click "Open"
|
||
|
|
|
||
|
|
## Icon Categories
|
||
|
|
|
||
|
|
Icons are organized by category:
|
||
|
|
- Compute (AKS, VMs, Containers)
|
||
|
|
- Networking (VNet, Gateway, Load Balancer)
|
||
|
|
- Storage (Storage Account, Blob, File Share)
|
||
|
|
- Security (Key Vault, AAD, Firewall)
|
||
|
|
- Management (Resource Groups, Monitor, Log Analytics)
|
||
|
|
|
||
|
|
## Best Practices
|
||
|
|
|
||
|
|
1. Use SVG icons for scalability
|
||
|
|
2. Maintain consistent icon size
|
||
|
|
3. Use official Azure icons only
|
||
|
|
4. Follow Azure Architecture Center guidelines
|
||
|
|
5. Label all components clearly
|
||
|
|
|
||
|
|
## References
|
||
|
|
|
||
|
|
- [Azure Architecture Center](https://docs.microsoft.com/azure/architecture/)
|
||
|
|
- [Azure Architecture Icons](https://docs.microsoft.com/azure/architecture/icons/)
|
||
|
|
- [Draw.io Documentation](https://www.diagrams.net/doc/)
|