Unicons 是一套收錄超過 4500 種圖標的圖標庫,來自開發(fā)商 Iconscout,本身有四種不同風格設(shè)計,包括單純線條(Line)、單色(Monochrome)、填滿顏色(Solid)和更細邊框線條(Thin Line),超過 20 種分類,像是箭頭、品牌標志、商業(yè)、對話、云端服務(wù)、通訊網(wǎng)絡(luò)、檔案文件夾、多媒體、醫(yī)學(xué)、安全性、購物、交通工具和用戶界面,都能在圖標庫找到各種對應(yīng)的圖標。
如同 Unicons 網(wǎng)站所述,這是一套精心設(shè)計的圖標集,每個圖標細節(jié)符合完美像素(Pixel-Perfect),提供向量圖格式 SVG 檔案讓使用者下載,亦可以網(wǎng)頁字型(Webfont)將圖標集整合到自己的開發(fā)項目或應(yīng)用程序。
不過要注意的是 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 可以整套圖標免費下載。
從左側(cè)選單「Categories」選擇要瀏覽的圖標分類,或使用上方搜尋框輸入關(guān)鍵詞搜尋。
開啟后瀏覽 Unicons 圖標庫所有素材,點選圖標會在右側(cè)顯示更大張的預(yù)覽圖,除了變更顯示顏色,也有 SVG 向量圖或打包整套圖標集的下載按鈕。
從右側(cè)點選「SVG」下載某個圖標向量圖格式,下方也有以網(wǎng)頁字型、Vue 或 React 加載特定圖標的程序代碼可快速復(fù)制。
如果要下載整套圖標集(Download Bundle),點選后需要建立一個賬戶,使用 Google 或 Facebook 賬戶登入就能完成此步驟,無需額外驗證程序。
下載、解壓縮后可以獲得超過 1200 個圖標圖標,使用時記得要標示出處來源,Iconscout 也提供程序代碼讓用戶快速復(fù)制取用。
如果選擇 Monochrome、Solid 或 Thin Line 風格的圖標圖標,左上角標示一個皇冠,代表需要付費升級為 Iconscout Premium 會員才能下載、解鎖所有的 Unicons 風格。
最后再回到 Unicons 做為網(wǎng)頁字型的使用方法,點選首頁「Start Using」會看到如下網(wǎng)頁畫面,直接給使用者一個對應(yīng)的網(wǎng)頁樣式表單 CSS 鏈結(jié),只要將這段原始碼加入網(wǎng)頁,就能在特定位置加載圖標圖標(參考 Unicons 圖標列表找到 Font 程序代碼),也是一個很快速且有效率的應(yīng)用方式。
值得一試的三個理由:
- 精心設(shè)計的圖標集,收錄超過 20 種分類、4500 個圖標
- 提供向量圖 SVG 格式下載,亦能以字型方式嵌入使用
- 采用 Apache 2.0 授權(quán),免費使用時需標示出處來源
復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
AI輔助海報設(shè)計101例
已累計誕生 737 位幸運星
發(fā)表評論 為下方 2 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓