V字形箭頭（上）・關閉・回到頂端・升冪免費圖示 | 免費素材

摺疊資訊・回到上方，「V字形（向上）箭頭」的免費素材

這是一款將英文字母「V」字倒過來，指向正上方的簡約線稿圖示。專業術語稱為「Chevron」的此形狀，多與下箭頭成套使用，作為將展開的選單「關閉（摺疊）」動作，或是智慧移動至頁面最上方的導覽，被許多現代網站所採用。

具體使用場景與用途建議

此圖示作為使用者「想回復原狀」或「想整理資訊」時點擊的按鈕發揮功能。

• 手風琴・FAQ的「關閉」
  作為將展開的詳細資訊或回答區域，再次關閉使其清爽的切換按鈕。從「向下（開啟）」變化為「向上（關閉）」。
• 「回到頂端」按鈕
  固定顯示於畫面右下角，點擊後會捲動回頁面開頭的按鈕。比傳統箭頭更無壓迫感，能融入設計。
• 下拉式選單的收納
  作為顯示將開啟的選擇方塊或選單列表，再次收納為1行的圖示。
• 數據的「升冪」排序
  作為顯示商品價格「由低到高」或日期「由舊到新」等，數據由小到大順序排列狀態的表格標題記號。
• 頁首區域的開關
  在智慧型手機網站等，作為拉出隱藏在上部的搜尋列等，或將其收納的操作開關。

設計技巧與SVG格式的優點

本網站分發的免費素材，也免費提供圖像不會劣化的向量格式（SVG檔案）。

在手風琴選單等UI中，不需要從一開始就準備「向上」與「向下」兩張圖片。利用CSS（transform: rotate）旋轉一個SVG檔案來表現開關狀態是目前的趨勢。藉此能達成以動畫流暢旋轉箭頭的豐富表現。

相關關鍵字

箭頭、V字形、Chevron、上、正上方、向上、關閉、摺疊、回到頂端、頁面頂端、升冪、排序、UI、圖示、Arrow、Chevron、Up、Close、Collapse、Page top