Unicons 是一套收錄超過 4500 種圖標的圖標庫,來自開發(fā)商 Iconscout,本身有四種不同風格設(shè)計,包括單純線條(Line)、單色(Monochrome)、填滿顏色(Solid)和更細邊框線條(Thin Line),超過 20 種分類,像是箭頭、品牌標志、商業(yè)、對話、云端服務(wù)、通訊網(wǎng)絡(luò)、檔案文件夾、多媒體、醫(yī)學(xué)、安全性、購物、交通工具和用戶界面,都能在圖標庫找到各種對應(yīng)的圖標。

超過 4500 個免費矢量圖標打包下載的網(wǎng)站「Unicons」

如同 Unicons 網(wǎng)站所述,這是一套精心設(shè)計的圖標集,每個圖標細節(jié)符合完美像素(Pixel-Perfect),提供向量圖格式 SVG 檔案讓使用者下載,亦可以網(wǎng)頁字型(Webfont)將圖標集整合到自己的開發(fā)項目或應(yīng)用程序。

超過 4500 個免費矢量圖標打包下載的網(wǎng)站「Unicons」

不過要注意的是 Unicons 只有免費提供「線條(Line)」圖標風格下載,其余風格設(shè)計有部分可免費使用,但大多數(shù)都是需要付費升級 Iconscout Premium 會員才能取得。

這套圖標庫采 Apache 2.0 授權(quán)釋出,使用時需要標示出處并連結(jié)回到原網(wǎng)站。

如果你有興趣的話,Unicons 也是一個開放原始碼(Open Source)項目,可以從 GitHub 找到完整的圖標向量檔案,從 Unicons 網(wǎng)站也能取得圖標集,一共有 1206 個圖標,考慮到檔案大小或速度問題的話可單獨從網(wǎng)站選擇要獲取的圖標。

Unicons

網(wǎng)站鏈接:https://iconscout.com/unicons

使用教學(xué)

開啟 Unicons 點選「Explore」開始瀏覽圖標圖標,右上角可以看到這套圖標庫目前一共有四種不同的圖標風格,但只有 Liine 可以整套圖標免費下載。

超過 4500 個免費矢量圖標打包下載的網(wǎng)站「Unicons」

從左側(cè)選單「Categories」選擇要瀏覽的圖標分類,或使用上方搜尋框輸入關(guān)鍵詞搜尋。

超過 4500 個免費矢量圖標打包下載的網(wǎng)站「Unicons」

開啟后瀏覽 Unicons 圖標庫所有素材,點選圖標會在右側(cè)顯示更大張的預(yù)覽圖,除了變更顯示顏色,也有 SVG 向量圖或打包整套圖標集的下載按鈕。

超過 4500 個免費矢量圖標打包下載的網(wǎng)站「Unicons」

從右側(cè)點選「SVG」下載某個圖標向量圖格式,下方也有以網(wǎng)頁字型、Vue 或 React 加載特定圖標的程序代碼可快速復(fù)制。

超過 4500 個免費矢量圖標打包下載的網(wǎng)站「Unicons」

如果要下載整套圖標集(Download Bundle),點選后需要建立一個賬戶,使用 Google 或 Facebook 賬戶登入就能完成此步驟,無需額外驗證程序。

超過 4500 個免費矢量圖標打包下載的網(wǎng)站「Unicons」

下載、解壓縮后可以獲得超過 1200 個圖標圖標,使用時記得要標示出處來源,Iconscout 也提供程序代碼讓用戶快速復(fù)制取用。

超過 4500 個免費矢量圖標打包下載的網(wǎng)站「Unicons」

如果選擇 Monochrome、Solid 或 Thin Line 風格的圖標圖標,左上角標示一個皇冠,代表需要付費升級為 Iconscout Premium 會員才能下載、解鎖所有的 Unicons 風格。

超過 4500 個免費矢量圖標打包下載的網(wǎng)站「Unicons」

最后再回到 Unicons 做為網(wǎng)頁字型的使用方法,點選首頁「Start Using」會看到如下網(wǎng)頁畫面,直接給使用者一個對應(yīng)的網(wǎng)頁樣式表單 CSS 鏈結(jié),只要將這段原始碼加入網(wǎng)頁,就能在特定位置加載圖標圖標(參考 Unicons 圖標列表找到 Font 程序代碼),也是一個很快速且有效率的應(yīng)用方式。

超過 4500 個免費矢量圖標打包下載的網(wǎng)站「Unicons」

值得一試的三個理由:

  • 精心設(shè)計的圖標集,收錄超過 20 種分類、4500 個圖標
  • 提供向量圖 SVG 格式下載,亦能以字型方式嵌入使用
  • 采用 Apache 2.0 授權(quán),免費使用時需標示出處來源

收藏 59
點贊 12

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。