SVG 圖標合輯
70 個成套圖標合輯:一次挑齊一組常用圖標,逐個下載 SVG,按用途一次收好。
首頁 › SVG 圖標合輯
70 個成套圖標合輯:一次挑齊一組常用圖標,逐個下載 SVG,按用途一次收好。
合輯與場景頁的區別:場景頁覆蓋一整類用途、會持續補充;合輯是一份固定數量的清單,適合「一次拿走一套」的場景。
全部合輯
- 50 個常用箭頭圖標 SVG,一套搞定導航與返回把站內最常用的箭頭一次收齊:上下左右、斜向、雙向、循環、展開收起、上傳下載。按同一線寬挑齊一套,導航、麪包屑、摺疊面…
- 30 個電商圖標:購物車 / 支付 / 物流 / 優惠券從加購到售後,一條電商鏈路需要的高頻圖標都在這裏。適合做訂單狀態時間軸、促銷樓層和個人中心入口。 相關素材已按「按「…
- 24 個節日圖標:國慶 / 春節 / 中秋 / 教師節把全年主要節日的通用元素湊成一組:旗幟、燈籠、圓月、禮花、賀卡與花朵。節日物料通常要得急,提前存一套能省不少時間。 …
- 40 個社交與品牌 Logo:微信 / 抖音 / 小紅書 / B站 / AI 工具品牌標識合集,覆蓋國內平臺、AI 工具與瀏覽器系統。用於對比表、分享入口、支付方式與來源標註。 按「Logo 不自行…
- 36 個人物頭像 SVG:從線性人形到卡通頭像個人中心、評論區、團隊介紹三種場景需要的人像素材,按抽象程度從線性人形排到帶表情的頭像。 相關素材已按「統一裁成圓形…
- 20+ 個醫療健康圖標:聽診器 / 藥丸 / 心率 / 顯微鏡面向健康檔案、掛號科室、用藥提醒與科研內容的一組嚴肅向線性圖標。 全部分類按「嚴肅診斷信息不用卡通剪貼畫、紅十字的規…
- 30 個線性 UI 基礎圖標:菜單 / 搜索 / 設置 / 更多後臺與產品界面最常用的一批基礎操作圖標,全部是線性風格,便於統一 stroke-width 後成套使用。 按「先定線…
- 24 個填充風圖標:小尺寸更清楚的實心版本與線性基礎圖標對應的實心版本,適合狀態欄、移動端底欄和高對比度界面。 相關素材已按「深色模式把純黑填充改成 curr…
- 24 個雙色圖標:主形 + 低透明輔形的層次感比線性更有體積、比彩色更剋制的一組,適合功能卡片、空狀態與引導頁。 全部分類按「輔形透明度控制在 20%~40%、主…
- 24 個彩色圖標:分類入口與節日專題彩色與漸變圖標合集,適合頻道入口、活動專題與空狀態主視覺。 按「同一屏不超過 6 個、深色底上檢查淺色部分是否可見」…
- 24 張扁平插畫:空狀態 / 引導頁 / 課件大圖承載完整場景的大幅插畫與剪貼畫,適合 200px 以上使用。 相關素材已按「上線前用 SVG 瘦身壓一遍路徑、別整頁…
- 24 個天氣圖標:晴 / 多雲 / 雨 / 雪 / 雷 / 夜天氣預報需要整套配齊,這一組按狀態歸好,統一線寬與圓角。 全部分類按「一次從同一素材庫挑齊 8~10 個狀態、不要跨…
- 24 個動物圖標:貓狗 / 鳥類 / 魚 / 昆蟲從線性小圖標到手繪剪貼畫都有,適合課件、環保專題與寵物分類。 按「64px 以上再用細節多的剪貼畫、小尺寸換同題材線…
- 24 個植物花卉圖標:葉片 / 花朵 / 竹子 / 盆栽葉片、花朵、樹枝、竹子與盆栽,做紋樣、節慶裝飾與農產品頁面都好用。 相關素材已按「做連續紋樣挑無背景的單片葉子、留白…
- 24 個音樂圖標:音符 / 鋼琴 / 吉他 / 播放控制播放器控制與樂器配圖分兩組,前者線性、後者可用剪貼畫。 全部分類按「播放 / 暫停 / 上下首從同一庫成套取、控制類…
- 24 個遊戲與卡牌圖標:手柄 / 撲克 / 骰子 / 劍遊戲、卡牌與道具素材,活動頁裝飾與分類導航都能用。 按「別混 3D 彩色和單色線性、道具類剪貼畫適合大圖」等用途挑齊…
- 24 個餐飲圖標:餐具 / 咖啡 / 漢堡 / 蛋糕菜單分類、外賣訂單與美食配圖的高頻元素。 相關素材已按「功能入口用線性,菜單裝飾用剪貼畫、印刷前確認許可」歸類,支持…
- 24 個辦公文具圖標:筆 / 紙 / 本子 / 回形針編輯器工具欄、筆記空狀態與課件配圖常用的一組小物件。 全部分類按「編輯與新建別都用一支筆、空狀態用剪貼畫更自然」等真…
- 24 個交通工具圖標:汽車 / 卡車 / 飛機 / 船出行與物流通用的交通工具素材,配虛線路徑就能畫流程。 按「流程節點統一線寬、外圈底色區分狀態」等用途挑齊一套,下載 …
- 24 個安全與權限圖標:鎖 / 鑰匙 / 盾 / 指紋賬號安全、權限設置與隱私說明的常用符號。 相關素材已按「鎖的開合兩態要成對準備、別用盾牌表達「已完成」」歸類,支持 …
- 24 個數據圖表圖標:柱狀 / 折線 / 餅圖 / 儀錶盤看板、報表與數據概覽模塊的高頻圖形。 全部分類按「同一頁只用一種圖表語言、座標軸與網格用 CSS 畫,別燒進圖標」等…
- 24 個通知與消息圖標:鈴鐺 / 信封 / 氣泡 / 角標消息中心、提醒與評論區的一套基礎符號。 按「未讀角標用 HTML 覆蓋、已讀 / 未讀要有形狀差異」等用途挑齊一套,…
- 30 個設置與工具圖標:齒輪 / 滑桿 / 扳手 / 篩選設置頁、工具欄與篩選面板的常用圖形。 相關素材已按「齒輪只表達「配置」,別當「編輯」用、篩選與排序分開兩個圖標」歸類…
- 30 個數碼設備圖標:手機 / 電腦 / 相機 / 打印設備管理、多端登錄與功能說明配圖的一組。 全部分類按「跨年代風格差異大,整套從同一庫取、電話既可指設備也可指呼叫,配…
- 24 個旅遊出行圖標:飛機 / 地圖 / 行李 / 定位訂票、行程、住宿與景點導航的高頻符號。 按「行程節點與物流圖標保持同線寬、地圖釘留白多纔好疊數字」等用途挑齊一套,下…
- 24 個體育運動圖標:球類 / 跑步 / 獎牌 / 健身賽事日程、健身 App 與運動會物料常用。 相關素材已按「賽事項目一次配齊一套、小尺寸選只留輪廓的版本」歸類,支持 …
- 24 個聚會與慶祝圖標:禮物 / 氣球 / 綵帶 / 蛋糕生日、週年慶、活動邀請與節日常青頁的通用素材。 全部分類按「與節日專題共用一套配色、氣球綵帶適合做大圖邊角裝飾」等真…
- 24 個物流圖標:包裹 / 卡車 / 倉庫 / 簽收訂單物流時間軸與配送方式選擇的一組。 按「按節點順序擺,不要按好看程度擺、簽收與拒收用兩個不同圖標」等用途挑齊一套,…
- 30 個金融圖標:錢幣 / 銀行卡 / 錢包 / 金條支付工具與資產表現兩類,交易流程與數據看板分開用。 相關素材已按「金額數字交給文本節點、漲跌顏色與正文口徑一致」歸類…
- 32 個媒體播放控製圖標 SVG,一套搞定播放與音量播放、暫停、上一首、下一首、音量、靜音、循環、隨機、全屏——媒體界面裏這套控制幾乎必出現。這一頁把站內常用的播放控制…
- 28 個文件類型圖標 SVG,文檔圖片音視頻一眼區分不同類型的文件該用什麼圖標?這一頁把文檔、表格、演示、PDF、圖片、音視頻、壓縮包、代碼和文件夾按類型歸到一起,上傳…
- 30 個通訊與社交圖標 SVG,消息通話分享全涵蓋消息、郵件、通話、視頻、分享、點贊、評論——社交產品的高頻動作都在這。一頁收齊站內通訊類圖標,IM、社羣、客服系統直…
- 28 個文本編輯圖標 SVG,排版與格式一應俱全加粗、斜體、下劃線、對齊、縮進、列表、撤銷、重做、剪切、複製、粘貼、鏈接——富文本編輯器該有的格式按鈕這一頁一次給齊…
- 24 個導航與菜單圖標 SVG,首頁搜索設置全齊首頁、菜單、搜索、用戶、設置、通知、網格、列表——任何 App 的骨架導航都離不開這幾枚。一頁收齊,抽屜菜單、底部 …
- 24 個用戶與賬戶圖標 SVG,登錄權限資料一套個人資料、登錄、登出、鎖、鑰匙、徽章、盾牌——賬戶體系與安全相關的圖標常一起出現。這一頁把它們收齊,登錄頁、權限面板…
- 24 個加載與狀態圖標 SVG,等待成功失敗都要轉圈、刷新、同步、成功、警告、錯誤、進度——任何異步操作都有狀態要表達。這一頁把加載與反饋類圖標收齊,按同一線寬挑一…
- 28 個電商操作圖標 SVG,購物車結算評價全覆蓋購物車、標籤、禮物、銀行卡、收據、錢包、收藏、評價、篩選、排序——電商鏈路上的操作圖標這一頁一次給齊,商品卡、結算頁…
- 24 個教育學習圖標 SVG,課程、考試、校園一次配齊從教室到在線課程:學校、書本、鉛筆、畢業帽、學生與老師、尺子。在線教育平臺的課程表、作業提交、成績單頁面反覆要用的那…
- 24 個編程開發圖標 SVG,代碼、數據庫、分支與終端代碼、終端、Bug、分支、數據庫、函數——開發者工具、技術文檔與博客裏最常畫的那幾個概念,同一線寬一次收齊,省得在四…
- 24 個雲服務圖標 SVG,雲、服務器、同步與網絡雲、上傳、服務器、網絡、同步、存儲、備份——SaaS 後臺裏要講清「數據放在哪、怎麼流動」,靠的就是這幾個圖標。加密…
- 24 個支付結算圖標 SVG,銀行卡、錢包、賬單與退款銀行卡、錢包、現金、銀行、收據、付款、發票——從下單到退款這條鏈路上的圖標。結算頁、訂單中心與財務後臺直接複用,比臨…
- 24 個社交平臺圖標 SVG,國內外主流渠道齊備Facebook、X/Twitter、YouTube、LinkedIn、微信、Instagram、Telegram—…
- 24 個家居生活圖標 SVG,傢俱、廚衛與門窗桌子、窗、門、燈、椅子、牀、廚房——家裝電商、房屋租賃與智能家居面板裏反覆出現的那批物件圖標。細分到沙發、書櫃這類詞…
- 24 個寵物圖標 SVG,犬貓魚鳥與寵護服務狗、貓、魚、鳥、爪印、骨頭——寵物商城、寵物醫療與領養頁面的基礎圖標。冷門物種(爬寵、倉鼠、水族)可以順着爪印與項圈…
- 24 個建築與工程圖標 SVG,工地、工具與安全建築、安全帽、錘子、牆體、磚塊、塔吊、電鑽——工程管理系統、建材電商與施工安全培訓裏的常用圖標。安全帽這類帶明確含義…
- 24 個法律合規圖標 SVG,天平、法槌與合同天平、合同、法庭、法官、正義、法律、條款——律所官網、合規文檔與隱私政策頁需要的那組圖標。比一律用盾牌更貼切,也比臨…
- 24 個時間日期圖標 SVG,時鐘、日曆與倒計時時鐘、日曆、計時器、日程、鬧鐘、手錶——從排期表到倒計時活動頁,時間類圖標是界面裏出現頻率最高的一組。同一套線寬,跨…
- 24 個健康健身圖標 SVG,心率、訓練與體重管理心率、健身、運動、瑜伽、體重與健康數據——健康管理 App、健身房官網與體檢報告頁反覆用到的那組。比一律用愛心更具體…
- 24 個科學實驗圖標 SVG,燒瓶、顯微鏡與分子燒瓶、顯微鏡、原子、化學、實驗與研究——科研機構、科普內容與實驗室管理系統的標配圖標。抽象概念用原子與分子,具體操作…
- 24 個農業種植圖標 SVG,農田、種子與採收農田、種植、種子、拖拉機、採收與園藝——農業電商、溯源頁面與農場管理系統用得上的一組。做農產品詳情時,比通用葉子圖標…
- 24 個能源電力圖標 SVG,電池、光伏與充電電池、能源、電力、光伏、充電與用電——新能源官網、充電樁地圖與能耗看板常用的一組。續航、充電狀態與能耗等級各有對應圖…
- 24 個房產樓盤圖標 SVG,樓宇、鑰匙與租售樓宇、房屋、公寓、鑰匙、門與房產——房產中介、租房平臺與物業管理系統的核心圖標。住宅與商辦用不同樓型區分,比共用一個…
- 24 個表情情緒圖標 SVG,喜怒哀樂與反饋評分微笑、開心、難過、生氣、情緒與大笑——用戶反饋、滿意度評分與客服評價裏的那組臉。做 NPS 或五檔評分時,比用星星更…
- 24 個地圖定位圖標 SVG,圖釘、指南針與路線地圖、定位、圖釘、GPS、指南針與路線——門店查找、配送範圍與出行導航頁面必備。圖釘表示點位、路線表示路徑、指南針表…
- 24 個美妝個護圖標 SVG,口紅、鏡面與護理美妝、口紅、彩妝、鏡子、香水與護理——美妝電商、預約到店與個護內容頁的一組。品類細分比通用化妝品瓶更好認,做分類導航…
- 24 個服飾穿搭圖標 SVG,衣褲鞋帽與配飾服飾、衣服、襯衫、連衣裙、鞋子與帽子——服裝電商的類目導航與穿搭內容的配圖。按品類分圖形,比統一用衣架更便於快速掃讀…
- 24 個工具維修圖標 SVG,扳手、螺絲刀與保養扳手、螺絲刀、錘子、鉗子、工具箱與維修——售後報修、設備保養與安裝指南頁面的一組。手裏有什麼工具就畫什麼,比用一個齒…
- 24 個清潔家務圖標 SVG,掃帚、拖把與洗衣掃帚、拖把、吸塵器、清潔、肥皁與洗衣——家政服務平臺、清潔用品商城與家務清單的一組。服務項目分得清,用戶下單時不用猜…
- 24 個婚禮主題 SVG:戒指、捧花、請柬一次配齊婚禮要用的圖形其實很集中:對戒、捧花、請柬、蛋糕、教堂、香檳、頭紗。做婚慶站點、電子請柬、伴手禮包裝時,一套同線寬的…
- 24 個母嬰主題 SVG:從推車到奶瓶的一套圖標母嬰類頁面最怕圖標太「硬」——直角、粗線、鋒利端點都不合適。這批以圓頭端點、較粗線寬爲主,覆蓋推車、奶瓶、安撫奶嘴、…
- 24 個酒店住宿 SVG:房型、設施與預訂流程酒店頁面要把「住進去是什麼體驗」說清楚:牀型、早餐、泳池、行李寄存、前臺、房卡、叫醒服務。這批按「訂房—入住—設施」…
- 24 個餐廳餐飲 SVG:菜單、餐具、後廚與服務做餐廳官網或點餐系統,圖標要覆蓋三組:餐具(刀叉勺杯)、服務(點單、上菜、打包、外送)、後廚(竈臺、烤箱、備餐)。這…
- 24 個園藝 SVG:澆水、修剪、換盆與工具園藝內容的圖不好找——太寫實會糊,太抽象看不懂。這批用極簡輪廓表達動作:澆水壺的傾角、修枝剪的開合、鏟子的入土角度都…
- 24 個露營戶外 SVG:帳篷、營火、裝備清單戶外品類需要「一眼認出來」的輪廓:帳篷的屋脊、營火的火苗、指南針的刻度環。這批按「紮營 / 行進 / 炊事」三組整理…
- 24 個機場出行 SVG:值機、安檢、登機全流程機場流程圖標必須「順序可讀」:值機、託運、安檢、候機、登機、到達。這批按流程順序排列,同一線寬、同一光學尺寸,做機場…
- 24 個圖書閱讀 SVG:書脊、書籤、書架與借閱書店、圖書館、閱讀類產品的圖標難點是「書要像書」:翻開的角度、書脊的厚度、書籤的位置。這批在 24×24 內保留了這…
- 24 個太空天文 SVG:行星、火箭、衛星與望遠鏡太空題材最容易做過頭——細節越多,縮到 32px 越像一團噪點。這批只保留剪影級特徵:土星環的傾角、火箭的尾翼、衛星…
- 24 個星座生肖 SVG:十二宮與生肖一套收齊星座圖標的老問題是「十二個不像一套」——有的畫符號有的畫插畫。這批統一按符號輪廓重繪,線寬與端點一致,擺在一起就是完…
- 24 個手勢操作 SVG:點贊、滑動、捏合與長按做交互說明時,一句「左滑刪除」不如一張手勢圖。這批覆蓋移動端常見手勢:點按、雙擊、長按、滑動、捏合、拖拽、搖一搖。手…
- 24 個獎盃榮譽 SVG:獎牌、綬帶、皇冠與證書榮譽體系要有層次:參與獎、季軍、亞軍、冠軍、年度大獎,圖標必須能看出「級別差」。這批按獎盃體量、綬帶寬度、皇冠齒數做…