左向き矢印・戻る・前への無料アイコン | フリー素材

ナビゲーションの基本、「左向きの三角矢印」フリー素材

左方向を指し示す、シンプルな三角形（シェブロンタイプ）の矢印アイコンです。Webサイトやアプリケーションのユーザーインターフェース（UI）において、「前の画面に戻る（Back）」や「一つ前のコンテンツへ移動する（Previous）」という動作を直感的に伝える、最も基本的で不可欠なナビゲーションパーツです。商用利用可能な無料素材として、PNGおよびSVG形式でダウンロードいただけます。

具体的な使用シーンと用途の提案

このアイコンは、ユーザーが迷わずに操作できるよう、あらゆるデジタルコンテンツの移動ボタンとして利用されています。

• Webブラウザ・アプリの「戻る」ボタンに
  画面左上などに配置される標準的な「戻る」アイコンとして。テキストの「戻る」と組み合わせて配置されることも多いです。
• ページネーション（ページ送り）の「前へ」に
  記事一覧や検索結果ページなどで、「＜ 前のページ」のように、一つ前のページに戻るためのリンクボタンとして。
• スライドショー・ギャラリーの操作に
  写真や画像を閲覧するカルーセル表示において、一つ前の画像を表示するためのナビゲーションボタンとして。
• パンくずリストの階層表示に
  「TOP ＞ カテゴリ ＞ 現在地」のように、サイト内の階層構造を示す際の区切り記号（セパレーター）として、右向き矢印と対で使われます。
• スライドメニューの開閉アイコンに
  スマートフォンサイトなどで、左側からスライドして出てくるドロワーメニューを「閉じる」動作を示すアイコンとして。

デザインのコツとSVG形式のメリット

当サイトで配布しているフリー素材は、画像が劣化しないベクター形式（SVGファイル）も無料で提供しています。

このシンプルな矢印アイコンは、サイズと色が重要です。SVG編集ソフト（Illustratorなど）やCSSを使い、メインのボタンとして使う場合は大きめに、補助的なリンクとして使う場合は小さく控えめに配置するなど、役割に応じてサイズを調整してください。また、サイトのテーマカラーに合わせて色を変更するだけで、デザインに統一感が生まれます。

関連するキーワード

矢印、左向き、三角、シェブロン、戻る、前へ、バック、ページ送り、ナビゲーション、UI、アイコン、Arrow、Left、Triangle、Back、Previous、Navigation