상
아이콘 구성 요소를 사용하여 사용자에게 미묘한 그래픽 정보를 제공할 수 있으며, 경우에 따라 제품 좋아요, 나중을 위해 기사 저장 등과 같은 간단한 상호 작용을 트리거할 수도 있습니다. 이미 제공된 것 중에서 선택할 수 있습니다. 재질 아이콘 또는 필요한 것을 추가하십시오. Icons
페이지의 Figma 또는 🎨 Material Icons
페이지의 Sketch Indigo.Design 시스템 여기서 아이콘을 사용하기 위한 유일한 조건은 구성 요소 또는 기호여야 한다는 것입니다. 키트에 추가할 아이콘을 선택할 때 주의를 기울이는 것이 좋습니다. 그들 사이의 최상의 시각적 일관성을 보장하기 위해 일관성을 유지하는 것이 중요합니다. 아이콘은 시각적으로 동일합니다. Ignite UI for Angular 아이콘 구성 요소
Icon Demo

Size
아이콘은 세 가지 크기로 제공됩니다.
- 크기가 큰
- 중간
- 작은

스타일링
아이콘에는 선택 가능한 그래픽과 그래픽에 적용되는 색상에 대한 옵션을 통해 스타일링 유연성이 제공됩니다.

Usage
배경과의 대비가 잘 되도록 아이콘 색상을 신중하게 선택하고 동일한 색상의 유사한 음영이나 색수차를 생성하는 조합을 피하십시오.
하다 | 하지 않다 |
---|---|
![]() |
![]() |
Additional Resources
관련 주제:
우리 커뮤니티는 활동적이며 항상 새로운 아이디어를 환영합니다.
에서 페이지 보기
GitHub