Prev
Next
Back
Default Size는 정방형 **24px
**를 적용합니다.
용도와 활용처에 따라 Icon Size는 36px
, 50px
, 100px
등으로 적용 가능합니다.
Tab에 따라 On / Off 상태 변화가 표시 가능한 아이콘입니다. Bottom Navigation 등에 활용됩니다.
활성화 된 경우 Primary
컬러의 Filled
상태를 적용합니다.
비활성화의 경우 Gray3
, Line
아이콘으로 표시합니다.
제품의 기능적인 역할을 하는 System Icons을 정의합니다.
Default 로 Black
과 Primary
컬러를 적용합니다.
State 변경 또는 상황에 따라 Grayscale 컬러 및 Point Color 등을 활용할 수 있습니다.
Menu, Filter, History 등의 아이콘을 포함하며, 컨텐츠 영역 및 서비스 전반에서 활용 가능합니다.
Navigation - Header 의 Icon Header 에도 활용될 수 있습니다.
List Align, Page Number, Dropdown Option 등의 다양한 컴포넌트에 활용 가능합니다.
Gallery Picture Select, List Check Box 등의 컨텐츠에 활용됩니다.
좋아요, 북마크, 댓글, 추천 등의 기능을 게시물 및 댓글 컨텐츠에 활용할 수 있습니다.
Button, Card 등의 컴포넌트에 사용하며, 아이콘 내부에 Color Point 요소가 활용됩니다.
Brand Color 색상 조합을 적용합니다.
Primary - Primary Sub
등의 듀오톤 정책을 사용하는 아이콘을 정의합니다.
상황에 따라 Point - Point Sub
컬러를 활용할 수 있습니다.
ex. Primary 컬러가 Grayscale 색조일 경우, 아이콘은 포인트 요소로 활용되기 때문에 해당 정책을 적용합니다.
Default 로 Primary
컬러를 적용합니다.
Button 등의 컴포넌트 요소에 활용 가능하며, State 변경 등의 상황에 따라 White
컬러를 활용할 수 있습니다.
Primary - Primary Sub
컬러를 적용하는 그라디언트 아이콘을 정의합니다.
Button 등의 컴포넌트 요소에 활용 가능하며, 상황에 따라 White - White 60%
컬러를 활용할 수 있습니다.