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

이전 화면으로 돌아가는 액션, ‘각진 왼쪽 화살표’ 무료 소재

일체의 둥근 느낌을 배제하고, 직선과 예각으로만 구성된, 심플한 왼쪽 방향 화살표 아이콘입니다. 오른쪽 화살표가 ‘진행’을 나타내는 반면, 이 왼쪽 화살표는 ‘이전 상태로 돌아가는’ 액션을 사용자에게 직관적으로 전달합니다. 어설픔 없는 단단한(Solid) 디자인으로, UI의 내비게이션 파츠로서 기능적으로 작동하는, 상업적 이용 가능한 무료 소재입니다.

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

이 아이콘은, 웹사이트나 앱에서 ‘현 위치에서 하나 이전으로 돌아가는’ 조작을 나타내는 장면에서 필수가 됩니다.

• ‘뒤로’ 버튼/브라우저 뒤로 가기
  앱 화면 왼쪽 위에 배치되는 ‘< 뒤로' 버튼이나, 브라우저의 '이전 페이지로 돌아가기' 기능을 모방한 UI로 사용.
• 페이지네이션의 ‘이전’에
  기사 목록 등에서, ‘Prev(이전)’나 ‘< 앞 페이지'를 나타내는 내비게이션으로 사용.
• 슬라이드 쇼 조작에
  이미지 캐러셀이나 슬라이드 쇼에서, 하나 이전 이미지로 되돌리기 위한 조작 버튼으로 사용.
• 브레드크럼(빵부스러기) 리스트의 계층 표시에
  ‘상위 카테고리 < 하위 카테고리'처럼, 상위 계층을 나타내는 구분 기호로 사용(오른쪽 화살표의 반대 사용법).
• 왼쪽으로의 시선 유도에
  화면 왼쪽에 중요한 정보나, 과거 아카이브가 있음을 나타내는 유도 마크로 사용.

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

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

이 왼쪽 화살표는, 짝이 되는 ‘오른쪽 화살표’와 세트로 사용함으로써, 일관성 있는 아름다운 내비게이션을 만들 수 있습니다. SVG 편집 소프트웨어(일러스트레이터 등)나 CSS로, 일반 링크는 ‘회색’, 호버 시(마우스를 올렸을 때)는 ‘검은색’이나 ‘브랜드 컬러’로 색상을 변화시킴으로써, 클릭할 수 있음을 알기 쉽게 전달하는 것이 디자인 요령입니다.

관련 키워드

화살표, 왼쪽 화살표, 왼쪽, 각진, 샤프, 삼각, 뒤로, 이전, Prev, Back, 앞 페이지, 내비게이션, 아이콘, Arrow、Left、Prev、Back、Sharp、Solid