위쪽 화살표/페이지 탑/업로드 무료 아이콘 | 무료 소재

상승과 전송의 신호, ‘위쪽 방향 삼각 화살표’ 무료 소재

바로 위를 가리키는, 심플한 삼각형(셰브론 타입)의 화살표 아이콘입니다. 이 ‘위쪽’ 형상은, 긴 웹 페이지를 다 읽은 후에 ‘페이지의 맨 앞(탑)으로 돌아가기’ 버튼으로 가장 빈번하게 사용됩니다. 또한, 가지고 있는 데이터를 서버로 보내는 ‘업로드(전송)’나, 열려 있는 메뉴를 ‘닫는(수납하는)’ 동작을 나타내는, UI 디자인에 필수적인 아이콘 소재입니다. 상업적 이용 가능한 무료 소재로서, PNG 및 SVG 형식으로 다운로드하실 수 있습니다.

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

이 아이콘은, 화면 상단으로 이동하거나, 데이터를 밖으로 보내는 긍정적인 액션 버튼으로 이용되고 있습니다.

• ‘페이지 탑으로 돌아가기’ 버튼으로
  화면 오른쪽 하단에 고정 배치되는 버튼으로 사용. 클릭하면 부드럽게 사이트의 가장 위까지 스크롤하여 돌아가는 기능의 심볼입니다.
• 업로드/전송 버튼으로
  사진이나 파일을 서버에 저장하는 ‘업로드’ 버튼으로 사용. 구름 아이콘이나, 윗줄(바)과 조합하여 쓰이는 경우가 많습니다.
• 드롭다운 메뉴를 ‘닫기’
  전개된 메뉴나 아코디언을, 원래의 접힌 상태로 되돌리기 위한 스위치로 사용. 아래쪽 화살표(전개)와 쌍으로 쓰입니다.
• 정렬(소트) 기능에
  가격이나 날짜 정렬 버튼에서, ‘오름차순(낮은 순/오래된 순/A-Z)’임을 나타내는 인디케이터로 사용.
• 수치 상승/개선의 표현에
  주가 차트나 액세스 분석에서, 전일 대비 숫자가 ‘올라갔음(플러스)’을 나타내는 상태 아이콘으로 사용.

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

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

이 위쪽 화살표를 ‘페이지 탑으로 돌아가기’ 버튼으로 사용할 경우, 너무 눈에 띄지 않으면서도, 인식하기 쉬운 디자인이 요구됩니다. SVG 편집 소프트웨어(일러스트레이터 등)를 사용하여, 반투명 원으로 감싸거나, 스크롤 중에는 숨겨두었다가 어느 정도 내려가면 페이드인시키는 등, 사용 편의성을 고려한 구현에도 적합한 심플한 형상입니다.

관련 키워드

화살표, 위쪽, 삼각, 셰브론, 페이지 탑, 위로 돌아가기, 업로드, 전송, 닫기, 수납, 오름차순, 상승, 아이콘, Arrow、Up、Triangle、Page top、Upload