SVG Repo 圖標下載：商用、署名與個別授權怎麼看

SVG Repo 是 SVG 圖標與向量素材目錄。能否商用、是否需要署名，要看單一圖標頁面的授權；不能把整個網站當成同一套免署名素材。

SVG Repo：依風格與集合尋找 SVG 圖標

SVG Repo是SVG圖標與向量素材目錄。2026年9月9日查閱的官方首頁列有50萬以上素材、6,000多個集合與30多種風格，這些是平台顯示的目錄數字，不是本文逐一盤點。找一組介面圖標時，可先依單色、多色、輪廓或填色等風格縮小範圍。

官方首頁介紹機器學習搜尋、基本線上編輯，以及以TinySVG為基礎的壓縮，並表示搜尋免費素材時不穿插Premium內容。這些功能介紹不代表搜尋一定比其他平台準確、每個檔案已達最小體積，或其他連結服務也完全免費。

需要同一介面的整套圖標時，先看候選集合能否涵蓋實際功能，再檢查筆畫粗細、留白、視覺尺寸與授權。資源總數不能代替這些檢查；集合也不保證每個圖標都來自同一作者或符合你的版面。

SVG 與 PNG 怎麼選？先看圖形和使用方式

SVG使用XML描述向量圖形，路徑可隨尺寸縮放；PNG是點陣影像，需要足夠像素配合顯示尺寸。不過SVG也能包含點陣圖片，這些內容不會因包進SVG就變成可無限放大的向量。小尺寸圖標仍應檢查線條與像素對齊。

檔案大小取決於路徑、圖片、濾鏡、精度與壓縮，不能固定說SVG只有0.5至2 KB或一定比PNG快。請用同一圖形及顯示尺寸比較實際檔案、網路請求與呈現。SVGOMG可協助最佳化SVG，但沒有通用的20至50%減幅；保留原檔並檢查最佳化後的圖形與必要授權資訊。

檢查項目	SVG	PNG
縮放	向量路徑可縮放；內含點陣圖仍受像素限制	依輸出像素與顯示尺寸判斷
容量	依路徑、效果與內容量測	依像素、色彩與壓縮量測
改色	需分清fill、stroke與嵌入方式	可改圖片或對整個元素套效果，不是編輯向量路徑
交付	確認平台接受格式並妥善處理內容	確認尺寸、透明背景與清晰度

線條與幾何形狀常適合SVG；若交付平台不接受SVG，或輸出本來就是點陣內容，可選合適尺寸的PNG。把照片轉成向量屬於另一種轉換，結果仍需檢查細節，不能當成原圖資訊的完整保留。

SVG Repo 授權方式：可以免費商用嗎？

要看所選圖標。SVG Repo 官方授權頁列出多種授權；若單一圖標頁標示不同條款，就應依該素材的條款判斷。

SVG Repo License 是網站的預設授權，允許用於商業專案，不要求署名；但不允許原樣出售素材，或以類似 SVG Repo 的素材目錄形式重新散布。這些條件不能套用到另有授權標示的圖標。

除了預設授權之外，部分圖標可能採用以下授權：

授權類型	可否商用	需要署名	修改權限
SVG Repo License	可商用	不需要（但歡迎附上連結）	可自由修改
Public Domain / CC0	可商用	不需要	可自由修改
MIT License	可商用	需保留版權與許可聲明	可自由修改
CC BY	可商用	署名、授權連結及修改說明	可修改
CC BY-SA	可商用	署名、授權連結及修改說明	衍生作品需相同授權
CC BY-NC	禁止商用	署名、授權連結及修改說明	可修改但不得商業使用

下載前開啟圖標的授權連結，確認原始條款與作者資訊；把來源網址和授權文件留在專案中。若是品牌標誌，還要確認品牌規範，不能只憑 CC0 或下載按鈕推定取得商標使用權。平台上的授權摘要不取代原始條款。

SVG Repo 操作教學：搜尋到下載的完整流程

以下依官方頁面介紹搜尋、篩選、預覽與下載的入口。本篇查閱公開頁面，未登入、下載或完成線上編輯，因此不保證所有操作與素材都免帳號或目前可成功輸出。

步驟一：搜尋。在SVG Repo搜尋欄輸入圖標的功能或物件，例如email、home或settings。結果不合用時可換同義詞，或改從集合瀏覽；關鍵字命中不代表結果涵蓋所有可能素材。

步驟二：篩選風格。利用頁面提供的Monocolor、Multicolor、Outlined或Filled等分類縮小範圍，再進入集合比較候選。不要只憑同一個分類就認定圖標的線寬與視覺尺寸相同。

步驟三：核對來源與授權。單一素材頁列有集合、LICENSE與UPLOADER。上傳者欄位不一定等於原作者；依授權連結追查需要保留的署名和聲明，再決定能否用於成品。

步驟四：選擇輸出。例如官方Repo素材頁列出SVG Optimized、PNG 256×256、512×512、1024×1024與Edit Vector。這可確認該頁有PNG選項，不能說全站只提供SVG；本文未完成匯出，請以實際下載檔案的格式、尺寸與透明背景驗證結果。

挑選其他圖標庫時，也用相同清單比較：是否有需要的圖形、視覺是否一致、輸出是否符合平台，以及授權是否允許用途。不要為了湊齊數量而混入風格差異很大的素材。

如何修改 SVG 圖標？顏色、尺寸與路徑編輯

可從素材頁的Edit Vector入口嘗試基本調整，或在本機設計工具、文字編輯器中修改SVG。先保留原檔，完成後重新預覽；某個檔案可開啟，不代表所有SVG效果都能被同一編輯器保留。

修改顏色：先看圖形使用fill填色、stroke線條、樣式規則或漸層，再改對應值。不要把所有fill（例如fill=”none”）一律替換，也不建議未預覽就全資料夾批次取代。若用currentColor，還要確認嵌入方式能取得預期的color。

修改尺寸：可設定SVG的width、height或對應CSS尺寸，並保留合適的viewBox及長寬比。transform: scale()調整視覺呈現，不等於同步重排周圍版面；調整後檢查裁切、留白與對齊。

修改形狀：形狀可能由path、rect、circle等元素組成；線條粗細有時可調stroke-width，不一定要直接改path的d。複雜路徑可用支援SVG的設計工具編輯，再核對匯出後的文字、遮罩、漸層與線條。

若要另做favicon或不同平台的App圖示，還要依交付平台檢查尺寸、格式及遮罩需求。SVG能編輯，不代表一個檔案就能直接用於所有平台圖示。

網頁嵌入 SVG 的三種方式

網頁常見做法是img、內嵌SVG與CSS背景；要依互動、可及性和內容處理方式選擇。WordPress能否上傳或保留程式碼，還取決於權限、編輯器及安全機制，不能只看主機品牌。

img：例如 <img src="icon.svg" alt="描述文字">。有意義的圖片提供合適替代文字，純裝飾可用空alt。宿主頁CSS可控制img元素的位置、大小或動畫，但不能直接選取外部SVG內的path改色。依MDN，影像情境還可能限制JavaScript及外部資源；不能由此概括所有SVG動畫都不支援。快取是否重用則依回應與瀏覽器而定。

內嵌SVG：把經確認與清理的SVG放進HTML後，宿主頁CSS可選取其元素，例如搭配currentColor設定圖形顏色。仍需處理既有樣式優先順序、重複ID及可及性；有意義的圖標提供可存取名稱，純裝飾避免重複朗讀。不要直接貼入來源不明的SVG，也不以內嵌方式繞過平台的過濾。

CSS背景：例如 background-image: url("icon.svg")，適合不承載必要資訊的裝飾。宿主頁CSS無法直接選取外部SVG內部元素，背景也沒有img的alt欄位；若圖形代表操作或資訊，應在HTML中提供相應文字或名稱，不用「有沒有SEO價值」代替可及性判斷。

方式	宿主CSS與資訊表達	檢查重點
img	可控制外層元素，無法直接選取內部path；提供合適alt	影像情境限制、顯示尺寸與快取
內嵌SVG	可選取SVG元素；提供名稱或標為裝飾	內容清理、樣式、ID衝突及HTML體積
CSS背景	無法直接選取外部SVG內部元素；無alt欄位	適用裝飾，必要資訊另以HTML提供

WordPress環境通常需要額外管理SVG上傳與清理。Safe SVG官方說明指出它會清理支援上傳路徑中的SVG，並可限制誰能上傳；不保證涵蓋所有第三方自訂路徑。先確認現有工具與權限，於測試環境驗證，不能只開放副檔名或改貼程式碼。若內容被移除或輸出異常，先回復原設定並改用已驗證的PNG，不要停用過濾來硬上傳。

SVG Repo 與其他圖標庫怎麼比較

比較SVG Repo、Flaticon、Icons8、Remix Icon或iconmonstr時，應看這次專案的候選素材。各平台的數量、API、格式與方案會變，不以未逐一核對的總數表排列優劣。

決策問題	要核對的證據	選擇方式
整套是否齊全	實際所需圖形與候選清單	確認缺漏，避免僅以平台總數選擇
能否商用	所選檔案與版本的授權、品牌規範	不符合用途就換素材
格式是否合用	下載入口與實際輸出檔案	按交付平台驗證，不假設所有格式免費
是否需要API	官方端點、配額、費用與可取得資料	先確認需求，不把搜尋API當集合匯出

先列出產品需要的圖標，再用上表檢查一組候選素材。若找不到同風格的必要圖形，可以評估另一套集合；若授權不適合用途，則換素材，不因某平台選擇較多就忽略條款。

比較時保留素材原始連結、版本與授權文件。不同圖標庫或同一平台的不同集合可能採不同條款，不能把其他專案曾經使用的結論直接套到新素材。

SVG Repo API 與開發者工具

SVG Repo頁尾的Icon API連向另一個服務svgapi.com。其價目頁列付費方案，Starter同頁的試用文案有「首月」與「首週」兩種說法；下單前應確認期限和費用，不能把它描述為SVG Repo無條件免費API。本文未註冊、付款或執行API請求。

svgapi文件要求前端使用先登記網域，並以domain_key識別帳號；list端點的limit範圍為1至20，可分頁。後端請求需啟用Development mode，這時應保護domain_key，避免他人使用配額。這份文件不足以證明可一鍵取得SVG Repo整個集合，也不能把頁尾工具連結當成已驗證的同步功能。

SVG Repo 的限制與不適合的場景

SVG Repo 雖然資源豐富，但並非萬能。以下是幾個需要注意的限制：

輸出格式依素材頁確認。前述Repo素材頁列PNG尺寸選項，因此「只提供SVG」不準確。若需要EPS、PSD或其他格式，先查看實際下載入口或用合適工具轉換，再驗證內容是否保留。

搜尋結果可能混合多種來源與風格。請用成品中的實際尺寸並排檢查，不以總數、分類或收藏在同一集合就推定品質一致。

整套取得方式需另確認。本文沒有完成集合批次下載，也沒有官方證據支持由svgapi一鍵取得SVG Repo整個集合。先查看集合原始專案是否提供正式發布包並核對授權；沒有適合的入口時再逐項取得，不承諾批次操作必然可用。

每個圖標都要確認授權。同一搜尋結果可能包含不同條款；CC BY-NC 不允許商業用途，MIT 則要求保留版權與許可聲明。

品牌 Logo 需要另查規範。Logo License 的條件依品牌而異，不授予商標權。即使改從 Simple Icons 找品牌 SVG，仍要核對個別授權與品牌使用規範。

三個下一步：馬上開始用 SVG Repo

1. 到官網搜尋你需要的圖標。打開 SVG Repo，輸入關鍵字試試搜尋效果。先從你目前的專案需要的圖標開始找，確認搜尋精準度和風格是否符合你的需求。

2. 找到喜歡的圖標後，查看集合與授權。集合有助於挑選一致的風格，但不能代替逐一查看素材條款。記錄來源、作者與授權連結，再確認成品用途是否符合條件。

3. 修改並驗證。保留原檔，按fill、stroke或樣式修改後，檢查預覽、尺寸、透明區域與授權聲明。放進WordPress前確認受管理的上傳清理流程；若失敗，回復變更或改用已驗證的PNG，不繞過安全限制。

SVG Repo 常見問題 FAQ

SVG Repo 的圖標可以免費商用嗎？

部分授權允許商用，但不能一概而論。先看單一圖標頁：SVG Repo License 有原樣轉售與再散布限制；CC BY-NC 不允許商業用途；品牌 Logo 另有品牌規範。

使用 SVG Repo 的圖標需要署名嗎？

依所選圖標的條款決定。SVG Repo License 與 CC0 不要求署名；MIT 要保留版權與許可聲明，不能假設 SVG 的 metadata 已經足夠。CC BY 與 CC BY-SA 要提供適當署名、授權連結，並說明是否修改。

SVG Repo 有提供 API 嗎？

官方頁尾的Icon API連到svgapi.com，該站有付費價目與網域設定要求，不能當成SVG Repo免費無限制API。本文未呼叫API；整合前確認方案、試用期限、domain_key保護及所需資料是否實際提供，細節見前文。

如何一次下載整個圖標集？

本篇沒有驗證整個集合的一鍵下載，也沒有證據證明svgapi可直接匯出SVG Repo的指定集合。可先查集合來源是否有正式圖標包，確認授權與版本後再取得；不要以可分頁搜尋推定能批次下載整套。

SVG 圖標在 WordPress 裡面怎麼使用？

先檢查網站既有SVG上傳與清理機制及使用者權限。Safe SVG是可評估的工具之一，但官方也列有上傳路徑限制；安裝名稱或主機品牌不保證所有SVG可上傳。不要直接貼原始碼繞過過濾，先在測試環境驗證並保留PNG備案。

下載的 SVG 檔案還能進一步壓縮嗎？

可以評估SVGO或SVGOMG，但減幅取決於原檔與設定，不能承諾再減少20至50%。保留原檔，檢查圖形、遮罩、漸層、ID引用及授權聲明。壓縮與安全清理是不同工作；Safe SVG官方也說明SVGO最佳化預設未啟用，不能把安裝外掛等同已最佳化。

SVG Repo 的圖標可以在 Figma 或 Illustrator 裡面編輯嗎？

選擇支援SVG的設計工具匯入，並核對該工具目前接受的格式及SVG功能。能選取檔案不等於所有文字、濾鏡與漸層會完整保留；先用副本測試並比對匯出結果。本篇未逐一測試Figma、Illustrator或其他編輯器，不保證Photoshop Express接受SVG。

SVG 圖標會影響網站載入速度嗎？

會增加資源載入或HTML解析與繪製工作，實際影響依檔案、嵌入方式、快取及頁面而定，不能保證比PNG快。sprite或內嵌可能減少部分獨立請求，也可能增加管理或HTML體積；請以同一頁面比較請求、檔案大小及呈現，再決定是否採用。

開始使用時，先以一個有權使用的圖標完成下載、修改、嵌入與回復測試，再把相同流程套用到整組素材。檢查圖形可見之外，也要確認小尺寸辨識度、替代文字或可存取名稱，以及必要的授權聲明。