왼쪽 화살표/뒤로/이전 무료 아이콘 | 무료 소재

내비게이션의 기본, ‘왼쪽 방향 삼각 화살표’ 무료 소재

왼쪽 방향을 가리키는, 심플한 삼각형(셰브론 타입)의 화살표 아이콘입니다. 웹사이트나 애플리케이션의 사용자 인터페이스(UI)에서, ‘이전 화면으로 돌아가기(Back)’나 ‘하나 앞의 콘텐츠로 이동하기(Previous)’라는 동작을 직관적으로 전달하는, 가장 기본적이고 필수적인 내비게이션 파츠입니다. 상업적 이용 가능한 무료 소재로서, PNG 및 SVG 형식으로 다운로드하실 수 있습니다.

구체적인 사용 장면과 용도 제안

이 아이콘은, 사용자가 헤매지 않고 조작할 수 있도록, 모든 디지털 콘텐츠의 이동 버튼으로 이용되고 있습니다.

• 웹 브라우저/앱의 ‘뒤로’ 버튼으로
  화면 왼쪽 상단 등에 배치되는 표준적인 ‘뒤로’ 아이콘으로 사용. 텍스트 ‘뒤로’와 조합하여 배치되는 경우도 많습니다.
• 페이지네이션(페이지 넘김)의 ‘이전’으로
  기사 목록이나 검색 결과 페이지 등에서, ‘＜ 이전 페이지’와 같이, 하나 앞의 페이지로 돌아가기 위한 링크 버튼으로 사용.
• 슬라이드 쇼/갤러리 조작에
  사진이나 이미지를 열람하는 캐러셀 표시에서, 하나 앞의 이미지를 표시하기 위한 내비게이션 버튼으로 사용.
• 빵 부스러기 리스트(Breadcrumb)의 계층 표시에
  ‘TOP ＞ 카테고리 ＞ 현 위치’와 같이, 사이트 내의 계층 구조를 나타낼 때의 구분 기호(세퍼레이터)로서, 오른쪽 화살표와 쌍으로 쓰입니다.
• 슬라이드 메뉴의 개폐 아이콘으로
  스마트폰 사이트 등에서, 왼쪽에서 슬라이드하여 나오는 드로어 메뉴를 ‘닫는’ 동작을 나타내는 아이콘으로 사용.

디자인 요령과 SVG 형식의 장점

본 사이트에서 배포하고 있는 무료 소재는, 이미지가 열화되지 않는 벡터 형식(SVG 파일)도 무료로 제공하고 있습니다.

이 심플한 화살표 아이콘은, 사이즈와 색상이 중요합니다. SVG 편집 소프트웨어(일러스트레이터 등)나 CSS를 사용하여, 메인 버튼으로 사용할 경우는 크게, 보조적인 링크로 사용할 경우는 작고 은근하게 배치하는 등, 역할에 따라 사이즈를 조정해 주세요. 또한, 사이트의 테마 컬러에 맞춰 색상을 변경하는 것만으로, 디자인에 통일감이 생깁니다.

관련 키워드

화살표, 왼쪽, 삼각, 셰브론, 뒤로, 이전, 백, 페이지 넘김, 내비게이션, UI, 아이콘, Arrow、Left、Triangle、Back、Previous、Navigation