오른쪽 화살표/다음/재생 무료 아이콘 | 무료 소재

진행과 시작의 신호, ‘오른쪽 방향 삼각 화살표’ 무료 소재

오른쪽 방향을 가리키는, 심플한 삼각형(셰브론 타입)의 화살표 아이콘입니다. 웹사이트나 앱에서 ‘다음 화면으로 진행(Next)’이라는 내비게이션 기능으로는 물론, 동영상이나 음악 플레이어에서의 ‘재생(Play)’ 버튼으로도 세계 공통으로 인식되고 있는, 가장 대중적인 UI 디자인 소재입니다. 상업적 이용 가능한 무료 소재로서, PNG 및 SVG 형식으로 다운로드하실 수 있습니다.

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

이 아이콘은, 사용자를 다음 단계로 유도하거나, 콘텐츠를 시작하게 하는 중요한 액션 버튼으로 이용되고 있습니다.

• 페이지네이션(페이지 넘김)의 ‘다음’으로
  기사 목록이나 검색 결과 페이지에서, ‘다음 페이지 ＞’와 같이, 이어지는 콘텐츠로 유도하는 링크 버튼으로 사용.
• 동영상/음악의 ‘재생’ 버튼으로
  YouTube 등의 동영상 플레이어나 음악 앱에서, 콘텐츠 재생을 개시(스타트)하는 버튼으로 사용. 원으로 감싸면 더욱 ‘버튼다움’이 더해집니다.
• ‘자세히 보기’의 링크 장식으로
  ‘Read More’나 ‘자세히 보기’와 같은 텍스트 링크 끝에 곁들여, 클릭을 유도하는 포인트로 사용.
• 빵 부스러기 리스트(Breadcrumb)의 계층 표시에
  ‘TOP ＞ 카테고리 ＞ 기사’와 같이, 상위 계층에서 하위 계층으로의 흐름을 나타내는 구분 기호(세퍼레이터)로 사용.
• 아코디언/메뉴의 전개에
  클릭하면 하위 메뉴가 열리는 ‘드릴다운 메뉴’나, 숨겨진 답변을 표시하는 ‘Q&A’의 개폐 아이콘으로 사용.

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

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

이 화살표 아이콘은, CSS에서의 애니메이션과 궁합이 매우 좋습니다. 링크에 마우스를 올렸을 때(호버 시), 화살표를 살짝 오른쪽으로 이동시키는 애니메이션을 더하면, ‘나아간다’는 감각을 사용자에게 더 강하게 줄 수 있습니다. 또한, 재생 버튼으로 사용할 경우, SVG 편집 소프트웨어로 삼각형의 모서리를 조금 둥글게 하면, 부드럽고 친근한 인상이 됩니다.

관련 키워드

화살표, 오른쪽, 삼각, 셰브론, 다음, 진행, 재생, 플레이, 넥스트, 상세, 빵 부스러기 리스트, 내비게이션, 아이콘, Arrow、Right、Triangle、Next、Play