Iconography

아이콘은 명령, 기능, 디렉터리, 자주 쓰는 동작을 시각적으로 나타내는 기호예요.

Style

아이콘은 명료함, 일관성, 중립성을 지향해요. 전체적으로 생동한 이미지를 위해 모서리 부분이 둥근 것이 특징이에요.

Grid는 24x24px를 기본으로 하며, 크기 및 목적에 따라 조정될 수 있어요.

기본 Stroke는 1.5pt이며 아이콘의 크기, 위치 및 목적에 따라 변경될 수 있어요. Stroke의 outline이 픽셀에 물리도록 제작하는 것을 권장해요.

서로 다른 셰이프가 같은 크기로 보이도록 맞추는 기준선이에요. 원·정사각형·직사각형이 키라인 위에서 광학적으로 동일한 크기가 돼요.

기본 Stroke는 1.5pt이며 아이콘의 크기, 위치 및 목적에 따라 변경될 수 있어요. Stroke의 outline이 픽셀에 물리도록 제작하는 것을 권장해요.

Size	Stroke	Padding	Live area	외부 Padding 터치 영역 확보를 위한
18	1	1/1/1/1	16×16	15/15/15/15
24	1.5	2/2/2/2	20×20	12/12/12/12
32	2	3/3/3/3	26×26	8/8/8/8
40	2	4/4/4/4	32×32	4/4/4/4