Unicons Solid – 3300+ icons 免費線上圖標庫,多達 27 種類別與 3 種樣式免費開源下載

Unicons Solid 是一個線上免費圖標庫,它提供了高達 3300+ 的 Icons 圖示,同時當中有 3 種不同圖標樣式與 27 種類別,讓你可以在當中找到適合的圖標進行使用。

Unicons Solid 是一個線上免費圖標庫,它提供了高達 3300+ 的 Icons 圖示,同時當中有 3 種不同圖標樣式與 27 種類別,讓你可以在當中找到適合的圖標進行使用。

值得一提的是,Unicons Solid 當中的圖標有分為「Free」與「Premium」兩種不同的授權,目前僅提供「Line」樣式的圖標是提供「Apache 2.0」的許可證且能夠免費下載使用。

而「Monochrome」與「Solid」當中大部分的圖標都是需要訂閱進階的方案才能夠使用,不過,當中也有提供一些圖標能免費下載使用。這兩個樣式中的圖標採用的是「Digital license」的授權,雖然也能夠免費使用,但與「Apache 2.0」許可證在細節上還是略有不同,因此,在實際應用前建議可以先了解一下。

如果你還想了解更多有關免費圖標的資源網站,可以參考:CSS.GGTabler IconsSVG RepoHeroicons.devIoniconsiconmonstr…等等,更多相關的詳細介紹。

網站名稱:3300+ Free vector icons – Unicons by Iconscout
網站網址:https://iconscout.com/unicons

Unicons Solid 簡介教學

以下教你如何在 Unicons Solid 中下載免費的圖標進行使用。

Step 1

查看所有 Line 樣式圖標

進入網站後,點選畫面中的「Exlpore」按鈕,即可進入所有圖標的頁面,你可以在當中搜尋你想要的圖標:

點選「Exlpore」前往所有圖標的頁面Pin
點選「Exlpore」前往所有圖標的頁面

或者,你也可以往下拉,依據不同的圖標樣式進行挑選。目前共有「Line」、「Monochrome」與「Solid」三種樣式,未來還會有「Thin Line」的圖標樣式可供選擇。

點選後,你就會進入到只有該樣式的圖標介面中。因此,你可以點選「Line」樣式,裡面的所有圖標都是可免費下載使用的:

搜尋所有 Icons 與選擇不同的樣式及分類Pin
搜尋所有 Icons 與選擇不同的樣式及分類
Step 2

下載免費圖標

從圖標索引介面中,你可以在左邊挑選不同的圖標類別進行篩選,或者也可以透過右上角的標籤在「Line」、「Monochrome」與「Solid」之間進行圖標的轉換。

挑選你要的圖標後,即可在右側看到「Download」欄位,當中你可以直接點選「SVG」按鈕,下載該圖標的 SVG 格式檔案:

下載圖標 SVG 格式檔案Pin
下載圖標 SVG 格式檔案

除此之外,你還能夠線上改變圖標的顏色。點選「Change Color」旁邊的調色盤後,就能夠指定你想要的顏色。

如果你不想使用 SVG 格式檔案,Unicons Solid 也提供了「Font」、「Vue」與「React」三種方式讓你能夠直接在專案中使用相對應的格式。要使用這三種格式,首先需要在你的標題中匯入相對應的 CSS 或 JS 樣式表:

Line:

Monochrome:

Solid:

在標題中匯入相對應的樣式表後,你就能複製簡單的程式碼,直接顯示相對應的圖標。

如果你還想尋找其他相關的免費圖標網站,可以參考:

Unicons Solid - 3300+ icons 免費線上圖標庫,多達 27 種類別與 3 種樣式免費開源下載Pin

Unicons Solid 評價推薦優點

  • 提供 3300+ 免費圖標下載
  • 提供 3 種樣式與 27 種圖標類別
  • 提供 Font, Vue, React 三種圖標顯示方式

Sliven 褚崇名
Sliven 褚崇名

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

文章: 669

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


目錄
Share to...