평범한 왼쪽 화살표/뒤로/이전/심플 무료 아이콘 | 무료 소재

‘뒤로 가기’ 동작의 표준 기호, ‘궁극적으로 심플한 왼쪽 화살표’

특정한 스타일이나 특징을 가지지 않은, 가장 표준적이고 심플한 왼쪽 방향 화살표 일러스트 아이콘입니다. 너무 날카롭지도, 너무 둥글지도 않은, 이 ‘평범한 화살표’는, 웹사이트나 앱에서 ‘이전 화면으로 돌아가기(Back)’나 ‘과거 데이터’를 나타내는 세계 공통의 기호입니다. 디자인의 주장이 적기 때문에, 메인 콘텐츠를 방해하지 않고 내비게이션 역할을 수행합니다.

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

이 아이콘은, 사용자가 길을 잃지 않도록 ‘돌아가는 길’이나 ‘되돌아보기’를 나타내는 장면에서 필수가 됩니다.

• ‘뒤로’ 버튼으로
  상세 페이지에서 목록 페이지로 돌아가는 버튼이나, 브라우저 뒤로 가기 기능을 모방한 ‘Back’ 링크의 아이콘으로 사용.
• 페이지네이션의 ‘이전’에
  기사 목록 등에서, ‘< 이전 페이지'나 'Prev'를 나타내는, 페이지 넘기기 내비게이션으로 사용.
• 슬라이드 쇼의 ‘되돌리기’ 조작에
  이미지 캐러셀에서, 하나 이전 이미지로 되돌리기 위한 조작 버튼으로 사용.
• 사이드바 로의 시선 유도에
  ‘카테고리 일람’이나 ‘최신 기사’ 등, 화면 왼쪽(사이드바)에 있는 메뉴에 주목하게 하기 위한 포인터로 사용.
• 지도/플로어 맵의 방위에
  지도상에서 ‘서쪽(West)’ 방위를 나타내는 나침반 마크로 사용.

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

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

이 왼쪽 화살표는, 호버 이펙트(마우스를 올렸을 때의 움직임)와 궁합이 발군입니다. CSS로 ‘마우스 호버 시 살짝 왼쪽으로 이동하는’ 애니메이션을 더하면, ‘돌아갈 수 있음’이 직관적으로 전달되어, 사용성(Usability)이 향상됩니다. 또한, 불투명도를 낮춰 배치하여, 슬라이드의 끝임을 나타내는 사용법도 일반적입니다.

관련 키워드

화살표, 왼쪽 화살표, 왼쪽, 평범한, 심플, 베이직, 스탠다드, 뒤로, 이전, Prev, Back, 서쪽, 방향, 아이콘, Arrow、Left、Simple、Basic、Standard、Back