V자형 화살표(왼쪽)/뒤로/이전/슬라이드 무료 아이콘 | 무료 소재

‘이전으로 돌아가기’ 동작의 표준 UI, ‘V자형(왼쪽 방향) 화살표’

알파벳 ‘V’자를 옆으로 눕힌 듯한, 왼쪽을 향하고 있는 심플한 선화 아이콘입니다. 전문 용어로는 ‘쉐브론(Chevron)’이라 불리는 이 형상은, 기존의 ‘<' 기호보다 시인성이 높아, 슬라이드 쇼나 이미지 갤러리에서 '하나 이전 요소로 되돌리기' 위한 조작 버튼으로서 표준적으로 이용되고 있습니다.

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

이 아이콘은, 사용자가 직전 콘텐츠를 다시 보고 싶은 경우나, 시계열을 거슬러 올라가는 장면에서 필수가 됩니다.

• 슬라이드 쇼/캐러셀 조작에
  메인 비주얼이나 상품 이미지 갤러리에서, 왼쪽에 배치하여 ‘이전 이미지로 되돌리기’ 위한 내비게이션으로 사용. 오른쪽 화살표와 쌍으로 쓰입니다.
• 페이지네이션의 ‘이전’에
  기사 목록이나 검색 결과 페이지에서, ‘Prev’나 ‘이전 페이지’로의 링크를 나타내는 아이콘으로 사용.
• 캘린더의 ‘지난달’ 표시에
  스케줄 예약 화면 등에서, 달력을 ‘지난달(과거)’로 넘기기 위한 버튼으로 사용.
• ‘뒤로’ 링크 장식에
  ‘목록으로 돌아가기’나 ‘톱 페이지로’와 같은 텍스트 링크 머리에 붙여, 돌아가는 동작을 시각적으로 보충하는 마크로 사용.
• 브레드크럼(빵부스러기) 리스트의 계층 표현에
  현 위치에서 상위 카테고리(왼쪽)로 시선을 유도하기 위한 구분 기호로 사용.

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

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

슬라이드 쇼에서 사용하는 경우, 이미지 끝에 ‘반투명한 원’이나 ‘네모난 배경’을 깔고, 그 위에 이 흰색 쉐브론 아이콘을 올리면, 어떤 사진 위에서도 시인성을 확보할 수 있습니다. 또한, 첫 번째 슬라이드(더 이상 돌아갈 수 없는 상태)에서는, 불투명도를 낮춰 ‘비활성(Disable)’임을 나타내는 것이 UI 디자인의 정석입니다.

관련 키워드

화살표, V자형, 쉐브론, 왼쪽, 왼쪽 방향, 뒤로, 이전, Prev, Back, 슬라이드, 캐러셀, 페이지네이션, 캘린더, UI, 아이콘, Arrow、Chevron、Left、Previous、Slider