Loaders 為開發者提供免費動態載入圖示 React、HTML、CSS 程式碼

Loaders 為開發者提供免費動態載入圖示 React、HTML、CSS 程式碼

如果在開發網站、應用程式或軟體專案時需要讀取中的動態圖示,UI Ball 有個名為「Loaders」網站收錄 24 種類型獨特、可自訂且輕量化的載入動態圖,Loaders 也是一個 React.js 套件資料庫,打開網站就能在線上直接預覽這些很眼熟的動畫圖,對於要取用拿去開發專案來說非常有用,也不用上網到處尋找動態圖,Loaders 所有動態圖示都有提供對應的 React、HTML 和 CSS 原始碼。

Reshot 數萬個圖示、插圖和相片免費圖庫,皆可商業用途無需標示出處

Reshot 數萬個圖示、插圖和相片免費圖庫,皆可商業用途無需標示出處

免費資源網路社群介紹過各種免費素材,其中最多人使用的包括免費圖示免費圖庫,收錄大量的相片、圖片可自由使用,甚至能用於商業用途(有些採用 CC0 授權釋出,下載無需標示出處來源資訊),有一種服務整合多種素材類型可一次搜尋或下載,像是 StockioStocks House,也有像是 The Stocks 2 將各種網站放在同一網站,讓使用者快速切換便於尋找素材。

Fluenticons 微軟 4000 個開放原始碼免費圖示下載,線上預覽風格配色

Fluenticons 微軟 4000 個開放原始碼免費圖示下載,線上預覽風格配色

微軟(Microsoft)釋出超過 4000 個開放原始碼免費圖示Fluent UI System Icons」,一系列大家都感到熟悉、友好和現代化的圖案設計,不過在 GitHub 取用這些圖案、瀏覽上並不是很方便,因此有國外開發者另外開發了一個「Fluenticons」網站做為 Microsofts fluent icons 檢視器,透過這個工具就能在線上預覽、搜尋特定的圖示圖案,也能切換淺色或深色背景,讓下載圖示變得更簡單。

Lineicons 超過 5000 個線條圖示,適合設計師或開發使用者介面

Lineicons 超過 5000 個線條圖示,適合設計師或開發使用者介面

Lineicons 是一套收錄超過 5000 種圖案的圖示集,主要設計風格為手工製作線條圖示,適合使用於各種現代化使用者介面,例如網頁、行動裝置應用程式、桌面軟體等等,對於設計師或開發專案來說非常有用。其實類似的圖示資源還真不少,例如之前介紹過 UiconsUnicons Icon LibraryiconhubHeroiconsIcoMoon App,這些圖示多半都已經完整覆蓋常見常用圖案,差異在於細節或是授權方式,如果需要尋找開發用的素材可找找免費圖示分類。

DOTOWN 前任天堂設計師開發免費點陣圖網站超過 600 種素材免費下載

DOTOWN

之前介紹過「俐方體11號:免費、開放原始碼 11×11 中文點陣體字型下載」,一款帶有復古感覺的點陣免費字體,看起來非常有時代感,彷彿回到二十年前的 DOS 老遊戲風格,一格一格的營造出早期解析度不高的效果。如果你喜歡這種點陣圖設計,現在還有專門提供類似素材的網站(不過當然以日文為主),無論要使用於海報、投影片或是做為報告插圖,將它套用於實體商品都非常適合。

Uicons 超過 4000 個免費圖示下載!適合網頁、應用程式開發者使用

Uicons

很多年前介紹過「FlatIcon 超過 12000 個平面化圖示設計免費下載」設計資源,時至今日它已經是個非常龐大的素材庫,這家公司旗下還有包含 FreepikSlidesgo 等知名的網站,前陣子剛推薦過 Icons Pattern 以 Flaticon 提供的圖示製作無接縫背景圖片工具,對於要產生重複拼接效果的素材很有用,接下來還要再推薦一個也是 Flaticon 旗下的免費工具,如果需要開發網站、軟體或應用程式可以研究一下。

Share Icon 超過 25 萬個免費圖示下載!PNG、SVG 兩種主要格式

Share Icon 超過 25 萬個免費圖示下載!PNG、SVG 兩種主要格式

如果想要尋找好看的圖示圖案,我曾經介紹過許多免費圖示資源,大家可以從各種網站中尋找自己需要的素材,畢竟對大多數使用者來說要自己繪製圖示圖案還是有不少難度,還好網路上已有現成圖示可直接使用,減少重新開發需要耗費的成本和時間。偶爾在製作簡報或是書面報告時需要用到圖片也能找找有無合適的素材,或許可以使內容看起來更為生動活潑。

FreeIcons 收錄 10 萬個免費開源圖示素材,向量格式下載可商用

FreeIcons 收錄 10 萬個免費開源圖示素材,向量格式下載可商用

Iconshock 開發了一個「Free Icons」工具,收錄超過 100,000 個免費開放原始碼圖示、50 種以上開源圖示集,很多都是免費資源網路社群介紹過的圖示專案,例如 UniconsIconicOcticonsFeather Icons 等等,這項服務將這些圖示重新標記,加入更精確的搜尋功能,讓使用者可以更準確找到需要的圖示,也能在下載前對圖示上色,選擇不同的圖片格式、尺寸大小。

Pichon 離線搜尋、取用 13 萬個免費圖示 ICONS 支援各種作業系統軟體

Pichon 離線搜尋、取用 13 萬個免費圖示 ICONS 支援各種作業系統軟體

知名免費圖示網站 Icons8 相信大家都不陌生,從這個圖庫可以找到各種圖示素材,超過 40 萬種圖示都可免費下載使用,但選擇免費方案需要加入鏈結連回 Icons8 網站,付費後取得更多尺寸格式。之前 Icons8 推出整合 Google 文件外掛程式「Free icons by Icons8」,在線上編輯文件時快速搜尋、插入圖示圖片素材,不用再打開 Icons8 網站下載圖示也變得更方便。

3dicons 免費、開放原始碼 3D 圖示集,以 CC0 授權釋出可商用

3dicons 免費、開放原始碼 3D 圖示集,以 CC0 授權釋出可商用

3dicons 是一套開放原始碼 3D 免費圖示集,收錄超過 1440 個圖片素材(網站上放了 120 個預覽圖示),這些圖示素材採用 CC0 授權方式釋出,可以免費使用於個人和商業用途,圖示有四種預設的顏色風格、三種攝影角度和 HQ 渲染,提供多種常用格式像是 Figma、PNG Dynamic、PNG ISO、PNG Front、Blender 和 Fbx 檔案,具有高解析度 2400x2400px。