탐색·조작 아이콘 명칭
각 항목을 클릭하면 시각 예시·비교·원문을 볼 수 있습니다.
햄버거 메뉴 아이콘 Hamburger Menu Icon
보통 가로선 세 개로 메뉴 진입을 나타내는 아이콘.
모바일·좁은 화면의 메뉴 버튼.
아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.
케밥 메뉴 아이콘 Kebab Menu Icon
세로로 배열한 점 세 개 형태의 더보기 아이콘.
항목별 추가 작업 메뉴.
아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.
미트볼 메뉴 아이콘 Meatball Menu Icon
가로로 배열한 점 세 개 형태의 더보기 아이콘.
툴바·카드의 추가 작업.
Horizontal ellipsis라고 부르는 경우도 많다.
셰브런 아이콘 Chevron Icon
짧은 두 선이 꺾인 쐐기 형태의 방향 아이콘.
접기·펼치기·이전·다음.
아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.
캐럿 아이콘 Caret Icon
방향을 가리키는 작은 삼각형 또는 꺾쇠형 기호.
드롭다운·정렬 방향.
텍스트 삽입 커서라는 의미의 caret와 구분한다.
상세 공개 표시 Disclosure Indicator
더 자세한 콘텐츠나 하위 항목이 있음을 암시하는 표시.
설정 행의 상세 이동·트리 펼치기.
아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.
닫기 아이콘 Close Icon
대개 X 모양으로 현재 패널이나 창을 닫는 동작을 나타낸다.
모달·탭·패널 닫기.
닫기·취소·삭제를 같은 의미로 취급하지 않는다.
뒤로 가기 화살표 Back Arrow
직전 화면이나 탐색 단계로 돌아가는 표시.
페이지·화면 내비게이션.
아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.
외부 링크 아이콘 External Link Icon
현재 서비스 밖이나 다른 컨텍스트로 연결됨을 나타낸다.
외부 문서·새 창 링크.
아이콘만으로 새 창 열림 여부가 확정되지는 않는다.
드래그 핸들 아이콘 Drag Handle Icon
점을 묶거나 선을 겹쳐 잡아 끌 수 있는 영역을 나타낸다.
목록 순서 변경.
아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.
그립 Grip
손잡이처럼 조작 가능성을 알리는 시각적 표식.
패널 리사이즈·드래그 시작 영역.
아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.
확장 아이콘 Expand Icon
콘텐츠·영역을 더 크게 펼치는 동작을 나타낸다.
패널 확대·전체화면 진입.
아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.
축소·접기 아이콘 Collapse Icon
확장된 영역을 줄이거나 접는 동작을 나타낸다.
패널·목록 접기.
아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.
고정 아이콘 Pin Icon
항목을 유지하거나 상단·특정 위치에 고정하는 기능을 표현한다.
즐겨 쓰는 항목·고정 패널.
지도 위치 핀과 기능상 구분한다.
가시성 아이콘 Visibility Icon
눈 모양 등으로 보임·숨김 상태 또는 전환을 표시한다.
레이어·비밀번호 표시.
아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.
잠금 아이콘 Lock Icon
편집 제한·보호·잠김 상태를 나타낸다.
레이어 잠금·권한 상태.
보안 수준이나 암호화가 검증됐다는 의미를 자동으로 부여하지 않는다.
연결 아이콘 Link Icon
체인 모양 등으로 링크·연결·종속 관계를 나타낸다.
URL 삽입·오브젝트 연결.
아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.
새로고침 아이콘 Refresh Icon
데이터나 화면을 다시 불러오는 동작을 나타낸다.
목록 갱신·재조회.
아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.
동기화 아이콘 Sync Icon
양쪽 데이터나 상태를 맞추는 작업을 나타낸다.
클라우드·오프라인 데이터 동기화.
새로고침과 데이터 양방향 동기화는 다르다.
실행 취소·다시 실행 아이콘 Undo / Redo Icon
이전 편집 상태로 되돌리거나 취소했던 편집을 다시 적용하는 표시.
편집기·작업 기록.
아래 명칭은 주로 모양을 부르는 관용명 또는 기능 설명명이다. 실제 패키지의 검색 키와 정확히 같지는 않을 수 있다.
Navigation & Action Icon Names
Open an entry for its visual reference, comparisons and source-language text.
Hamburger Menu Icon 햄버거 메뉴 아이콘
An icon, usually three horizontal lines, representing entry to a menu.
Menu buttons on mobile and narrow screens.
These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys.
Kebab Menu Icon 케밥 메뉴 아이콘
A vertical three-dot icon representing additional options.
Additional actions for individual items.
These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys.
Meatball Menu Icon 미트볼 메뉴 아이콘
A horizontal three-dot icon representing additional options.
Additional actions in toolbars and cards.
This is also commonly called a horizontal ellipsis.
Chevron Icon 셰브런 아이콘
A directional icon formed by two short angled strokes.
Collapsing, expanding, previous, and next actions.
These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys.
Caret Icon 캐럿 아이콘
A small triangular or angled symbol indicating a direction.
Dropdowns and sort direction.
Distinguish this from caret meaning a text insertion cursor.
Disclosure Indicator 상세 공개 표시
An indicator suggesting that further detail or child items are available.
Navigating from settings rows and expanding trees.
These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys.
Close Icon 닫기 아이콘
An icon, usually an X, representing closing the current panel or window.
Closing modals, tabs, and panels.
Do not treat close, cancel, and delete as equivalent actions.
Back Arrow 뒤로 가기 화살표
An indicator returning to the previous screen or navigation step.
Page and screen navigation.
These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys.
External Link Icon 외부 링크 아이콘
An icon indicating a link outside the current service or into another context.
Links to external documents and new windows.
The icon alone does not determine whether a new window opens.
Drag Handle Icon 드래그 핸들 아이콘
Dots or stacked lines marking an area that can be grabbed and dragged.
Reordering lists.
These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys.
Grip 그립
A handle-like visual cue indicating that an element can be manipulated.
Panel resizing and drag-start regions.
These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys.
Expand Icon 확장 아이콘
An icon representing enlargement or expansion of content or an area.
Expanding panels and entering full screen.
These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys.
Collapse Icon 축소·접기 아이콘
An icon representing reduction or collapse of an expanded area.
Collapsing panels and lists.
These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys.
Pin Icon 고정 아이콘
An icon representing keeping an item visible or fixing it at a particular position.
Frequently used items and pinned panels.
Its function differs from a location pin on a map.
Visibility Icon 가시성 아이콘
An eye or similar icon indicating visibility, hiding, or a visibility toggle.
Showing layers and passwords.
These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys.
Lock Icon 잠금 아이콘
An icon indicating restricted editing, protection, or a locked state.
Layer locking and permission states.
Do not imply verified security or encryption merely from this symbol.
Link Icon 연결 아이콘
A chain or similar icon representing a link, connection, or dependency.
Inserting URLs and linking objects.
These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys.
Refresh Icon 새로고침 아이콘
An icon representing reloading data or refreshing a screen.
Refreshing and reloading lists.
These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys.
Sync Icon 동기화 아이콘
An icon representing synchronization of data or states between sides.
Synchronizing cloud and offline data.
Refreshing is different from bidirectional data synchronization.
Undo / Redo Icon 실행 취소·다시 실행 아이콘
Icons representing reversal of an edit or reapplication of an undone edit.
Editors and action histories.
These are mainly conventional shape names or functional descriptions. They may not exactly match a package's search keys.