아이콘은 단순한 테마 그래픽을 통해 작업과 개념을 시각적으로 표현하는 데 사용됩니다.
기본 아이콘 일러스트레이션
아이콘은 작업, 상태 및 개념을 나타내는 데 사용되는 단순한 시각적 기호입니다. 주변 UI에서 색상과 스타일을 자동으로 상속하여 경험 전반에 걸쳐 시각적 일관성을 유지합니다.
중요사항: 아이콘 그림은 작업 공간에 적용되며 에서 지원되지 않습니다.코어 UI
그림 1. 기본 아이콘 일러스트레이션의 예
아이콘과 다른 기본 그림과의 차이점
- 아이콘은 명시적인 색상을 표시하지 않습니다. 흑백으로 렌더링됩니다.
- 아이콘은 스타일(윤곽선/채우기) 및 크기(소형, 중형, 대형 및 아주 크게)별로 구성됩니다.
- 아이콘 색상은 연결된 구성요소에 따라 달라집니다.
- 아이콘 라이브러리에는 약 800개의 아이콘이 포함되어 있으며 메인 스테이지에서 페이지 매김된 그룹으로 표시됩니다.
사용자 지정 이미지
에 사용자 지정 이미지를 테마 작성기 업로드하여 기본 아이콘을 대체합니다.
아이콘의 기본 이미지를 테마 작성기 바꾸면 자동으로 크기가 축소되어 모든 크기에 적용됩니다. 더 많은 제어를 원하는 경우 각 크기를 자체 사용자 정의 파일로 개별적으로 재정의하여 중요한 부분에서 선명도와 일관된 획 두께를 보장할 수 있습니다.
네 가지 파일 크기 각각의 크기 및 형식 제한은 다음과 같습니다.
표 1. 작은 이미지 크기 및 형식 제한
| 필드 |
설명 |
| 크기 제한 |
W12 × H12 px |
| 형식 |
SVG |
| 파일 크기 제한 |
2메가바이트 |
표 2. 중간 이미지 크기 및 형식 제한
| 필드 |
설명 |
| 크기 제한 |
W16 × H16 px |
| 형식 |
SVG |
| 파일 크기 제한 |
2메가바이트 |
표 3. 큰 이미지 크기 및 형식 제한
| 필드 |
설명 |
| 크기 제한 |
W24 × H24 px |
| 형식 |
SVG |
| 파일 크기 제한 |
2메가바이트 |
표 4. 아주 크게/기본 이미지 크기 및 형식 제한
| 필드 |
설명 |
| 크기 제한 |
W32 × H32 px |
| 형식 |
SVG |
| 파일 크기 제한 |
2메가바이트 |