머터리얼 디자인 테마 적용하기(Icon)

Icons

 

Filled 원래 재료 디자인 아이콘 외에도 4개의 추가 아이콘 테마를 사용할 수 있습니다.

단일 UI에서 여러 아이콘 세트를 혼합하지 않고 시각적 일관성을 유지하려면 각 아이콘 세트를 앱 전체에서 일관되게 사용해야 합니다.

Theming with icons

다섯 가지 테마에서 아이콘 세트를 선택

 

1. Filled  채워진 아이콘
2. Sharp 날카로운 아이콘
3. Rounded 둥근 아이콘
4. Outlined 윤곽선 아이콘
5. Two-Tone 투톤 아이콘

 

Icon types

Filled icons

Filled 아이콘 세트는 재료 아이콘의 orginal set입니다

 

Sharp icons

Sharp 아이콘 세트는 Filled 아이콘에서 모서리 Radius 제거

Rounded icons

Rounded 아이콘 세트는 외부 모서리에 대해 Rounded 아이콘과 동일한 2dp Radius을 사용한다.

Stroke, 내부 모서리 /  카운터 영역에 대한 추가 1dp Radius이 있습니다

 

Outlined icons

Outlined 아이콘 세트는 대부분의 Filled 제거하고 대부분의 아이콘을 strokes = 2dp 으로 변환하여 시각적 무게를 줄입니다.

Filled 아이콘과 결합하여 Selected State 를 표시하는 것과 같이 상태를 나타내는 데 사용

Two-tone icons

Two-Tone  아이콘 세트는 stroke 및 fill 에 대해 서로 다른 불투명도에서 동일한 색상을 사용합니다.