30 個免費icon 下載網站推薦:圖示、SVG、向量圖等使用指南

文章推薦指數: 80 %
投票人數:10人

本篇文章特別提供給需要使用各種圖標及icon 來美化自己的網頁風格、用戶體驗及UI介面的設計師,內文包含了30 個免費圖標網站下載連結和使用說明。

目錄Eagle部落格設計資源30個免費icon下載網站推薦:圖示、SVG、向量圖等使用指南圖示無版權免費素材羅傑摩爾・2021-09-01人的想像力無遠弗屆,就如我們提供你的免費icon網站使用也幾乎沒有限制。

不管你正在尋找免費下載圖標的網站,還是打算下載特別的icon用於個人作品或商業用途,這篇文章通通都可以滿足你的需求! 本篇文章特別提供給需要使用各種圖標及icon來美化自己的網頁風格、用戶體驗及UI介面的設計師,內文包含了30個免費圖標網站下載連結和使用說明。

你可以在以下提供的網頁找到: 使用於Android或iOS界面的元素 不同主題的圖標及icon 不同社群網站的功能按鈕 可用於商業用途的授權圖標(請在下載前再次檢查授權說明喔!) 可用於個人作品的免費icon 30個免費icon網站推薦清單 1.ICONFINDER ICONFINDER是一個在設計圈中廣為人知的圖標搜索網站,它界面設計清晰且簡潔,只要在網站中輸入關鍵字即可找到需要的不同顏色圖標! 使用說明: ICONFINDER包含免費及付費的icon,如果想要使用免費商用授權的圖標,請在搜尋頁面左邊的篩選器中選擇Free,即可使用。

網站:https://www.iconfinder.com/ 2.flaticon Flaticon是一個與FreePik同一家公司的網站,專門為設計師找尋免費素材。

Flaticon最棒的特點是可以使用網站內的收尋引擎找到「免費且商業可用」的圖標。

此外,在這裡找到的icon及圖標都包含了向量圖形檔案和常見的圖片格式,方便設計師在下載後直接使用。

使用說明: 使用時需要標註出處,即使用於個人作品也需要。

若要用於商業用途則需要購買商用授權。

網站:https://www.flaticon.com/ 3.FINDICONS FindIcons是一個圖標搜索網站,它們擁有世界上最大的免費圖標數據庫,網站內有篩選器和推薦功能,幫助你在做設計作品時更快速找到需要的免費圖標。

雖然,它的搜索引擎看起來有點簡易且傳統,但相信一定有需要這種設計風格的設計師們。

使用說明: 每個圖標上都列出了不同授權的使用說明,請在下載前檢查用途規範。

網站:https://findicons.com/ 4.IconArchive IconArchive也是一個巨量的素材搜索引擎,它不僅包含常見的界面按鈕圖標,還有紋理材質風格的圖標及各種主題的漫畫icon。

IconArchive網站的特別之處在於它的搜尋結果是以顏色排列的,你可以使用贊同及不贊同的投票功能,幫助改進搜尋結果。

如果你突然沒有靈感,也可以選擇最熱門、最多人預覽的icon款式找到你喜愛的圖標。

使用說明: 大部分圖示都是採用CC授權方式,但每個圖示稍有不同。

下載前請在各別的圖標頁面中查詢。

網站:https://iconarchive.com/ 5.GraphicBurger GraphicBurger是一個免費提供給設計師們使用的設計資源網站。

在這裡你甚至可以找到每個icon專屬的PSD檔案來修改圖標,變成你想要的樣子。

如果你正在尋找可愛特別的圖標,請不要錯過GraphicBurger! 使用說明: GraphicBurger上所有的資源都可以隨意下載,包括logo模型、產品模型、文字效果、圖標、使用者界面、插圖、背景圖像等,均可在個人和商業項目中免費使用。

使用時不需要註明出處及原始連結,但如果你願意註明作者或出處,我們會很感激你。

網站:https://graphicburger.com/ 6.PremiumPixel 如果你真的不知道要使用什麼圖標的話,PremiumPixel提供了專家精挑細選的免費圖標,你可以在這裡搜尋各種免費素材和介面圖標的懶人包。

使用說明: 所有資源都是免費授權使用,幾乎沒有限制。

網站:https://www.premiumpixels.com/ 7.Freebiesbug 這個網站上的資源是由許多設計師共同製作和發布的一系列PSD圖標。

就像他的網站名稱一樣,它提供了大量免費在Photoshop上使用的icon素材。

使用說明: 可以在個人作品中免費使用這些圖標。

若用於商業用途,請在使用前再次檢查授權,因為每個圖標的作者要求都不太一樣。

網站:https://freebiesbug.com/psd-freebies/icons/ 8.IcoMoonapp 想要製作自己的圖標嗎?那你應該會喜歡IcoMoon!IcoMoon不僅可以找尋想要的圖標,還可以建立或合併你自己的icon樣式,最後生成多種檔案格式直接使用。

使用說明: 每個圖標都有一個授權連結可以參考詳細使用授權。

網站上的圖標都可以免費下載,進行基本的編輯,也可以導入你自己的圖標,製作圖示字體檔案或生成SVG、Polymer、PDF、XAML、PNG和CSSsprite格式。

網站:https://icomoon.io/app/ 9.SquidInk 想找特別又可愛的圖標下載嗎?SquidInk上的圖標都是親手畫的,總共包含了2000個圖標,17個類別,並提供了5種不同的下載格式,允許任意更改icon顏色或圖層樣式、移動和重新調整元素和大小。

使用說明: 可以免費選擇50個喜愛的icon在個人或商用作品中,第51個開始需要付費。

網站:https://thesquid.ink/flat-icons/ 10.Freepik 相信喜愛免費素材的你應該對於FreePik不陌生,如果你還沒有聽說過它,那麼現在也是時候了!這是一個一直都在更新的線上資源網站,提供的不僅僅是免費圖標或icon。

他們也提供大量的向量圖像、插圖、照片和PSD設計文件可供免費下載。

使用說明: 使用時需要註明出處。

網站:https://www.freepik.com/ 收集了很多icon卻不知道怎麼有效的整理他們嗎?試試你的專屬icon管理神器Eagle 11.iconstore IconStore是一個免費的向量(SVG)圖標庫,由才華橫溢的設計師們一同建立,全部的檔案都可下載用於商業用途。

使用說明: 你可以在個人和商業作品中使用網站內的所有圖標,不需要註明出處及原始連結,但如果你願意註明作者或出處,我們會很感激你。

網站:https://iconstore.co/ 12.icon8 icon8網站最初是一個提供免費icon資源的網站,但如果你也想找尋免費的高畫質圖片、向量圖片和免費音樂使用那就到這裡!他們還擁有強大的圖標編輯功能,可以讓你自由調整icon的顏色、添加文字、背景、大小、位置、形狀…等功能。

如果你需要將icon嵌入到網站中,只需點擊「嵌入HTML」按鈕,就會顯示各種嵌入方法! 使用說明: 需要註明出處及原始連結,即可免費使用帶icon8上面所有的圖標,在個人或商業用途中。

請注意,不允許將原始圖標檔案轉售和發佈給第三方人士。

網站:https://icons8.com/ 13.Oxygenna Oxygenna是一個小的創意設計公司,專門從事網頁設計及App開發。

他們網站上有一個資源專區,專門提供給設計師免費的資源,增加工作的效率。

你可以從網站中下載免費的icon資源,最棒的是提供你Photoshop、Illustrator和PNG檔案格式,。

使用說明: 不管是在個人或商用作品中,都可以任意使用。

網站::https://www.oxygenna.com/ 14.1001freedownloads 1001FreeDownloads是一個很著名的網站,直至今日他們每天都不斷的增加免費可下載的內容。

它目前擁有數以千計的免費向量、照片、畫筆、漸變、PSD和字體檔案供大家免費下載。

使用說明: 可以在個人和商業作品中使用網站內的所有圖標,不需要註明出處及原始連結,但如果你願意註明作者或出處,我們會很感激你。

網站:https://www.1001freedownloads.com/ 15.iconshock 在這裡你可以找到各種不同樣式、大小、格式和主題的各種圖標。

從iOS、Lineicon到以食物為主題的圖標主題通通都有。

所有圖標在Iconshock上都可完全免費供個人使用。

小編最喜歡iconshock的一點是他們提供3D圖標,他們的3D圖標款式多樣且整潔,下載的出來的檔案畫質也很棒! 使用說明: 可以在個人作品中免費使用 網站:https://www.iconshock.com/free-icons/ 16.pngtree Pngtree是一個擁有數百萬個高畫質的png、向量、模板和創意插圖的網站。

多年來,它為3000萬+設計師們和用戶提供了許多方便且適合商業用途的圖像內容!想要一次瀏覽多種icon的人可以參考這個網頁。

使用說明: 可以在個人和商業作品中使用網站內的所有圖標,需要註明出處及原始連結。

網站:https://pngtree.com/so/icon 17.googlefonts 這裡的所有icon皆由Google免費提供。

如果你正在開發AndroidApp,或者你想看看大公司都怎麼設計icon介面,那麼你可以用Google自家生產的icon作為參考。

MaterialIcons有五種樣式和一系列不同的尺寸和大小可以下載。

使用說明: 可免費在個人或作品中使用。

網站:https://fonts.google.com/icons?selected=Material+Icons 18.steamline 擁有12種不同風格的主題,幫助你在Streamline中找到適合你工作項目的icon。

網站上面擁有100,000+個icon、插圖和表情符號。

全部由steamline團隊一一畫出,如果你想要在Figma、Sketch和AdobeXD上使用的話,可以下載他們自己開發的插件搭配使用,非常方便喔! 使用說明: 需要註明出處及原始連結。

網站:https://streamlinehq.com/ 19.Fontawesome 想要找尋可以把icon變成font字型的網站嗎?Fontawesome為你提供各種可縮放的向量圖標, 可以改變大小、顏色、陰影以及符合CSS的樣式。

你也可以使用styleprefix將FontAwesome提供的圖標放置在任何你想要的位置。

使用說明: 每個圖標的使用規範不同,請在下載前檢查用途規範。

網站:https://fontawesome.com/ 20.Dribbble 如果常常在設計圈的你對Dribbble一定也不陌生,他就如同設計界的Facebook一樣。

上面有來自世界各地的設計師在上面發佈作品,包括各種圖形、動畫、UI、Web和插圖。

你可以使用關鍵字在Dribbble上發現500+多個不同設計師提供的免費icon,若遇到任何icon使用上的問題也可以直接聯繫設計師討教。

使用說明: 每位設計師的提供的icon使用權限不一,請在頁面中仔細查看規範,或詢問設計師。

網站:https://dribbble.com/tags/free_icons 21.UXwing UXwing是一個經驗豐富的icon設計師團隊,專長製作向量圖標。

他們幫助設計師和開發者畫出漂亮的手機版app圖標、網站圖標、Web設計、產品設計…等其他創意作品,網頁上icon支援向量檔案、透明背景的PNG和圖示字體格式。

UXwing上主要分成三大類別:實體、線條、顏色,以上再細分成150多個子類別,可幫助大家即時找到合適的icon。

使用說明: 全部的icon都可以做個人或商業用途,不需要註明出處及原始連結。

網站:https://uxwing.com/ 22.iconfactory Iconfactory的團隊擁有了二十多年的設計及軟體開發經驗,網站上的icon可以供大家在個人作品中免費使用,如果你有任何icon使用上的問題都可以詢問他們。

使用說明: 免費icon僅供個人作品使用,若需要作其他用途,請洽所有者。

網站:https://freeware.iconfactory.com/icons 23.thenounproject Thenounproject是一個由120多個國家及地區的設計師組成的網站,他們致力將icon變成世界上最通用的交流工具,希望可以跨越語言和文化的界限。

無論你是在尋找加密貨幣icon、人工智慧icon、擁有UI元素icon,或是像Beyoncé等名人的icon,你的特殊喜好在這裡都能被滿足。

使用說明: 使用權限依每個icon有所不同,下載使用前請仔細閱讀頁面。

免費使用需要註明出處及原始連結,若不想標記出處可以參考網站內的訂閱服務。

網站:https://thenounproject.com/icons/ 24.DeviantArt DeviantArt是一個充滿活力的藝術家社群及論壇,上面有近200,000+個免費icon可供下載。

若你正在尋找動畫風格的icon,到DevianArt一定可以找到! 使用說明: 每個icon的使用規範不同,有些作者會要求你是DeviantArt社群上的成員才能下載,因此請在下載仔細前檢查。

網站:https://www.deviantart.com/ 25.iconmonstr iconmonstr網站中集結了316個類別,共4512+個免費圖標,在這裡icon只有黑與白。

全部採用填充、粗體和細化設計。

每個icon都有SVG、EPS、PSD和PNG格式可供你下載使用。

SVG格式也有嵌入的code。

若想要更改icon設計,可以選擇PNG格式直接在網站上更改圖像、大小、顏色、背景顏色等基本編輯。

使用說明: 可以在個人和商業作品中使用網站內的所有圖標。

網站:https://iconmonstr.com/ 26.softicon SoftIcons.com允許免費下載icon包供個人使用。

網頁上包含了2,849組,共475,655個icon及圖像。

網站自2010開始,每週增加了9組新icon,從來不間斷。

若是希望每週都可以發掘新的圖標,這裡會是你的好選擇。

使用說明: 所有icon均可供個人作品使用。

若需將icon作為商業目的使用,請閱讀欲下載的icon頁面授權區。

網站:https://www.softicons.com/ 27.fontello Fontello是一種將向量圖像快速打包成webfonts的工具。

你可以將其視為TwitterBootstrap的圖像。

若你想把icon大量嵌入網站中,這裡擁有你所需要的一切。

Fontello提供的icon最大優點是在高解析度的螢幕上沒有像素化或模糊化的缺點,任何瀏覽器都支援。

使用說明: 使用權限依每個icon有所不同,下載使用前請仔細閱讀頁面。

網站:https://fontello.com/ 28.veryicon VeryIcom.com是一個圖標搜索引擎,它涵蓋了1000多個icon包,共20000個高畫質的Webicon。

每個圖標都有PNG、ICO等多種文件格式,你可以輕鬆在Windows、Macintosh和Linux系統上免費瀏覽和下載。

使用說明: 網站上所有icon都可以免費用於非商業用途,但部分版權歸原作者所有,如果想將icon用於商業目的,必須付費獲得作者的版權協議。

網站:https://www.veryicon.com/ 29.Boxicons Boxicons是一個精心設計的開源圖標網站,擁有1500多個簡單的圖標。

如果不想要太複雜的圖標,到Boxicons就對了。

使用說明: Boxicons是一個開源網站,使用的是創用CC授權4.0,網站上的icon均可以做個人或商業用途。

網站:https://boxicons.com/ 30.Feather Feather上面的圖標皆是開源免費圖標。

每個圖標都設計在24x24大小上,每一個icon都強調簡單、一致和靈活。

使用說明: 全部的icon都可以做個人或商業用途,需要註明出處及原始連結。

網站:https://feathericons.com/ 結語 這篇文章中的30個網站提供了超過數百萬個icon讓你免費下載,在挑選合適的圖標及icon時,選擇正確的質量跟大小也很重要,別忘了也適時的給提供免費素材的作者一些鼓勵吧! 如果你正在尋找一個工具來整理下載的所有icon檔案,那你一定要下載Eagle!Eagle是一款功能強大的檔案管理工具,專門為設計師整理素材而設計,不管你需要整理一大堆不同類型的圖標檔案,還是想要快速蒐集icon檔案,Eagle都能幫助你的設計工作流程更輕鬆、有效率!這篇文章對你有幫助嗎?分享給朋友 羅傑摩爾社群經理兼職設計師。

在這裡將紀錄:創意發想的過程、設計職場心得與觀點,深信有好的客戶服務才能帶領團隊走得更長遠。

歡迎交流!想加入Eagle部落格作者群嗎?相關文章【影片素材懶人包】43個無版權可商用網站推薦免費影片素材好難找?版權使用條款「落落長」看不懂?本文將介紹43個免費無版權影片素材網站,讓你低成本做出精美影片!2021-09-27・設計資源47個免費商用圖庫!無版權、高解析度、可商用圖片素材下載本文收集了47個免費、高品質、高解析度的CC0圖片網站,大部分皆可商用,也保有二次創作的空間,讓你不必再擔心侵權問題,輕鬆下載製作,吸睛又吸金!2021-09-01・設計資源想自學UI/UX?42個新手必備的線上資源,帶你有效學習!想自學UI/UX,千萬別錯過以下這42個實用的學習資源!內文包括優選文章、部落格、Podcast、YouTube頻道推薦,一次滿足你的所有需求!2022-03-16・設計資源UI設計師必備!10個不可錯過的優質FigmaPlugin推薦身為UI設計師不可不知的10款熱門FigmaPlugin,圖庫、去背、配色、壓縮、Wireframe等多項必備的設計工具一次介紹給你!2022-03-07・設計資源想拓展設計圈人脈嗎?20個UI/UX設計師愛用的社群媒體推薦想跟設計師交流嗎?20個UI/UX設計師愛用的discord社群、slack聊天群組、臉書交流社團等推薦,不管是技術精進、設計知識分享、一起吐苦水,快加入吧2022-03-03・設計資源2022最新!20個動態圖像設計的靈感網站及資源推薦你在找動態圖像設計的靈感嗎?20個實用的動態設計資源網站,包括動態設計素材、設計師專訪與專案研究分析等多項豐富內容,提供你源源不絕的創作靈感!2022-03-01・設計資源首頁瀏覽器擴充快速入門部落格幫助中心立刻購買我們使用Cookies來改進我們的網站並提供個性化的體驗。

同意



請為這篇文章評分?