クラウドアーキテクチャアイコンの概要
3つのアイコンパックは、クラウドインフラストラクチャのドキュメント作成用にカラーサービスアイコンを提供します。モノクロアイコンパックとは異なり、これらはアーキテクチャ図用にベンダーのオリジナルカラーを保持します。
利用可能なパック
Section titled “利用可能なパック”| パック | アイコン数 | デフォルトサイズ | ページ |
|---|---|---|---|
| AWS アーキテクチャ | 885 | 48x48 | AWS |
| Azure アーキテクチャ | 606 | 18x18 | Azure |
| GCP アーキテクチャ | 216 | 24x24 | GCP |
---import AwsIcon from '@f5-sales-demo/icons-aws/Icon.astro';import AzureIcon from '@f5-sales-demo/icons-azure/Icon.astro';import GcpIcon from '@f5-sales-demo/icons-gcp/Icon.astro';---
<AwsIcon name="lambda" /><AzureIcon name="virtual-machine" /><GcpIcon name="cloud-storage" />カラーレンダリング
Section titled “カラーレンダリング”これらのアイコンパックはベンダーのオリジナルカラーを使用します(currentColor ではありません)。アイコンカードの no-invert クラスにより、ダークモードでもカラーが保持されます。これらのアイコンをグリッドレイアウト以外で使用する場合、特別な処理は不要です — カラーは SVG マークアップに埋め込まれています。
サービスカテゴリ別に整理されたアイコングリッドについては、各パックの専用ページをご覧ください。
完全なアイコンセットを閲覧: AWS アイコン | Azure アイコン | GCP アイコン