2021天天做夜夜爽网站,精品欧洲一码二码区别在哪

^{<form id="1br4y"></form>}

免費(fèi)可商用！186個線條圖標(biāo)素材打包下載！

2020-8-27 資深UI設(shè)計(jì)者

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

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

Basicons

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

使用教學(xué)

STEP 1

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

免費(fèi)可商用！186個線條圖標(biāo)素材打包下載！

STEP 2

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

免費(fèi)可商用！186個線條圖標(biāo)素材打包下載！

STEP 3

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

免費(fèi)可商用！186個線條圖標(biāo)素材打包下載！