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

「過去」や「前」へ誘導する、左向き矢印のフリー素材

円形の中に左向きの三角形（◀）が配置された、シンプルで視認性の高い左矢印アイコンです。Webブラウザの「戻るボタン」でおなじみのこの形状は、ユーザーが一つ前の画面に戻ったり、スライドショーで前の画像を見返したりする際のナビゲーションとして機能します。時間の流れにおいて「過去（左）」を指し示すシンボルでもあり、操作を取り消したり、履歴を遡ったりするUIデザインに不可欠な商用利用可能なフリー素材です。

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

「戻る」というアクションが必要な、あらゆるデジタルコンテンツで活用されます。

• 画像スライダー・カルーセルの操作に
  ECサイトの商品画像や、トップページのメインビジュアルが切り替わるスライドショー（カルーセル）において、左端に配置する「前の画像へ」ボタンとして。背景に半透明の丸枠があることで、写真の上に重なっても視認性を確保できます。
• ページネーション（ページ送り）に
  検索結果一覧やブログ記事一覧のフッター部分で、「前のページへ戻る」リンクのアイコンとして。数字だけのリンクよりも、直感的にリストを遡る操作をサポートします。
• 動画・音楽プレーヤーのUIに
  YouTubeや音楽アプリの操作画面において、「10秒巻き戻し」「前の曲へスキップ（頭出し）」を示すコントローラーの一部として。三角形の頂点が左を向いていることは、再生バーを左（過去）へ戻すことと視覚的にリンクします。
• 電子書籍・マンガアプリに
  Webブラウザで読む電子コミックや電子書籍ビューワーにおいて、「前のページに戻る」「前の巻へ」というナビゲーションアイコンとして。特に横読みの媒体では、ページをめくる方向を示す重要なガイドとなります。

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

当サイトで配布しているフリー素材は、使いやすいPNG形式に加え、編集自由度の高いベクター形式（SVGファイル）も無料でダウンロード可能です。

このアイコンをボタンとして実装する場合、CSSでマウスオーバー時（ホバー時）のアニメーションを加えると効果的です。「アイコン全体が少し左へ動く」動きをつけると、戻るアクションをより直感的に示唆できます。また、最初のページにいるときは「不透明度を下げてグレーアウト」させ、これ以上戻れないことを視覚的に伝えるUIデザインも一般的です。

関連するキーワード

左矢印、戻る、前へ、バック、リターン、三角形、ボタン、スライダー、カルーセル、巻き戻し、UI、Arrow Left、Back、Previous、Button