콘텐츠로 이동
Icons

클라우드 아키텍처 아이콘 개요

세 가지 아이콘 팩은 클라우드 인프라 문서화를 위한 컬러 서비스 아이콘을 제공합니다. 단색 아이콘 팩과 달리, 이 팩들은 아키텍처 다이어그램에서 벤더 고유의 원본 색상을 유지합니다.

사용 가능한 팩

섹션 제목: “사용 가능한 팩”
팩아이콘 수기본 크기페이지
AWS Architecture88548x48AWS
Azure Architecture60618x18Azure
GCP Architecture21624x24GCP

사용법

섹션 제목: “사용법”
---
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" />

색상 렌더링

섹션 제목: “색상 렌더링”

이 아이콘 팩들은 currentColor가 아닌 벤더 고유의 원본 색상을 사용합니다. 아이콘 카드의 no-invert 클래스는 다크 모드에서 색상을 보존합니다. 그리드 레이아웃 외부에서 이 아이콘을 사용할 때는 별도의 처리가 필요하지 않습니다 — 색상이 SVG 마크업에 내장되어 있기 때문입니다.

서비스 카테고리별로 정리된 아이콘 그리드는 각 팩의 전용 페이지를 참조하세요.

전체 아이콘 세트 둘러보기: AWS Icons | Azure Icons | GCP Icons