くの字矢印（上）・閉じる・トップへ戻る・昇順の無料アイコン | フリー素材

情報を畳む・上に戻る、「V字型（上向き）矢印」のフリー素材

アルファベットの「V」の字を逆さにしたような、真上を向いているシンプルな線画アイコンです。専門用語で「シェブロン（Chevron）」と呼ばれるこの形状は、下向き矢印とセットで使われることが多く、展開したメニューを「閉じる（畳む）」動作や、ページ最上部へスマートに移動するナビゲーションとして、多くのモダンなWebサイトで採用されています。

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

このアイコンは、ユーザーが「元の状態に戻したい」時や「情報を整理したい」時にクリックするボタンとして機能します。

• アコーディオン・FAQの「閉じる」に
  展開された詳細情報や回答エリアを、再び閉じてスッキリさせるためのトグルボタンとして。「下向き（開く）」から「上向き（閉じる）」へ変化させます。
• 「トップへ戻る」ボタンに
  画面の右下に固定表示し、クリックするとページの先頭へスクロールバックするボタンとして。従来の矢印よりも圧迫感がなく、デザインに馴染みます。
• ドロップダウンメニューの格納に
  開いているセレクトボックスやメニューリストを、再び1行に格納することを示すアイコンとして。
• データの「昇順」ソートに
  商品価格の「安い順」や、日付の「古い順」など、データが小さいものから順に並んでいる状態を示すテーブルヘッダーの記号として。
• ヘッダー領域の開閉に
  スマホサイトなどで、上部に隠れている検索バーなどを引き出し、しまい込むための操作スイッチとして。

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

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

アコーディオンメニューなどのUIでは、最初から「上向き」と「下向き」の2つの画像を用意する必要はありません。1つのSVGファイルをCSS（transform: rotate）で回転させることで、開閉の状態を表現するのがトレンドです。これにより、アニメーションで滑らかに矢印が回るリッチな表現が可能になります。

関連するキーワード

矢印、くの字、V字、シェブロン、上、真上、上向き、閉じる、畳む、トップへ戻る、ページトップ、昇順、ソート、UI、アイコン、Arrow、Chevron、Up、Close、Collapse、Page top