免費可商用!186個線條圖標素材打包下載!

2020-8-27    資深UI設計者

如果要設計產(chǎn)品或開發(fā)界面,我們通常會需要風格相同的圖標,若無法自行繪制或不希望付費購買也有很多替代方案,本文要推薦的「Basicons」是一款基礎、簡單的圖標設計,可用于產(chǎn)品開發(fā)設計,這套圖標一共收錄186種圖案,同時提供.svg向量圖格式可一次打包下載,利用Basicons界面快速預覽圖標,也能切換不同尺寸下的呈現(xiàn)樣式,包括12px、16px、24px和32px四種大小和1px、1.5px和2px筆觸粗細,可以快速下載圖標圖案或取得源碼。

Basicons也有一個內(nèi)嵌(Embed)語法產(chǎn)生器,能產(chǎn)生帶入圖標圖案的JavaScript語法和HTML程式碼,如果要獲得更好的效能,建議直接從網(wǎng)站一次下載所有圖標,再依照需求使用即可。這套圖標集以MIT授權方式釋出。(即可以免費使用、修改、出售,附上協(xié)議即可)

Basicons

網(wǎng)站鏈接:https://basicons.xyz/

使用教學

STEP 1

開啟Basicons 從首頁就能預覽完整圖標圖案,這套圖標特色是以非常精簡、干凈的線條繪制而成的圖形,每個圖案下方會有名稱,應該能夠很快速聯(lián)想到圖標代表的意思(否則就失去圖標的意義…),可以稍微預覽一下看看自己需要的圖案有沒有列在上面,依照說明,Basicons 每周都會更新加入新的圖案。

免費可商用!186個線條圖標素材打包下載!

STEP 2

從右側(cè)的「Customize」自訂選項可以調(diào)整圖標尺寸、線條粗細,調(diào)整后會直接呈現(xiàn)于左側(cè)。

免費可商用!186個線條圖標素材打包下載!

STEP 3

點選要下載的圖標后再按下右側(cè)的「Download」就能下載.svg圖標格式(或是從上方點選Download All將所有186個圖標完整下載),如果想直接取用SVG原始碼的話可點選「Copy SVG」復制程式碼。

免費可商用!186個線條圖標素材打包下載!

除此之外,Basicons 還有提供直接嵌入的JavaScript 鏈結(jié)和原始碼。

值得一試的三個理由:

  1. 簡單的免費圖標集,收錄186 種圖標圖案供免費下載使用
  2. 可一次打包下載完整svg 格式圖標,或單獨復制產(chǎn)生svg 源碼
  3. 線上調(diào)整預覽不同的尺寸大小、筆觸粗細效果

文章來源:優(yōu)設    作者:Pseric

藍藍設計m.820esy.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務


分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://m.820esy.cn

存檔