• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
TechMoon 科技月球

TechMoon 科技月球

免費工具、WordPress、虛擬主機、 科技前端

  • 科技新知
  • 月球精選
  • 線上工具
  • 虛擬主機
    • Bluehost 主機
    • A2 Hosting 主機
    • SiteGround 主機
  • WordPress
    • WordPress 教學
    • WordPress 主題
    • WordPress 外掛
  • 免費資源
  • 優惠資訊
  • 自我提升
    • Excel 教學
    • 網路行銷
  • Udemy 免費課程
  • 虛擬主機總覽
目前位置: 首頁 / 免費資源 / Unicons Solid – 3300+ icons 免費線上圖標庫,多達 27 種類別與 3 種樣式免費開源下載
Unicons Solid - 3300+ icons 免費線上圖標庫,多達 27 種類別與 3 種樣式免費開源下載

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

Last Updated on 2020-08-20 By Sliven Leave a Comment

Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
A2 Hosting Coupon
2 分鐘閱讀

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

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

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

如果你還想了解更多有關免費圖標的資源網站,可以參考:CSS.GG、Tabler Icons、SVG Repo、Heroicons.dev、Ionicons、iconmonstr…等等,更多相關的詳細介紹。

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

目錄
  1. 1. Unicons Solid 簡介教學
  2. 2. 查看所有 Line 樣式圖標
  3. 3. 下載免費圖標
  4. 4. 你可能有興趣
  5. 5. 更多相關文章

Unicons Solid 簡介教學

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

Step 1

查看所有 Line 樣式圖標

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

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

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

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

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

下載免費圖標

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

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

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

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

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

Line:

HTML

Monochrome:

JS

Solid:

HTML

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

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

  • Simple Icons – 大量知名品牌圖標 Icons,CC0 可商用免費下載 SVG 向量檔與提供線上 CDN 資源
  • Remix Icon – 免費開源圖標庫,多達 2 千以上的線性圖標免版權可商用下載
  • Iconshock – 提供超過 200 萬免費圖標,附上來源可作為個人使用,$99 美元即可終身可商業使用
  • Icons8 – 大量圖標免費下載、嵌入 HTML,更提供免費圖片、向量插圖、音樂下載使用
  • Feather Icons- 超過 200+ 個系統常用圖示免費下載,不僅開源還可線上調整圖示大小粗細與顏色!
Unicons Solid - 3300+ icons 免費線上圖標庫,多達 27 種類別與 3 種樣式免費開源下載

Unicons Solid 評價推薦優點

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

你可能有興趣

  • Heroicons – 免費商用 Icons SVG 線上圖標,可直接在 HTML 中使用 CSS 類別元素顯示 Icons
  • Tabler Icons – 超過 558+ 高品質圖標 SVG 格式免費下載,MIT 授權可線上客製化圖示樣式
  • SVG Repo – 免費 SVG 圖標與向量圖示免費下載,高達 300,000+ 的免版權可商用圖標集任你下載
  • Emblemicons – 免費開源圖標 Icons,高達 1000+ 個產品開發、設計與業務展示的圖標樣式免費下載
  • Iconhub – 免費自定義線上圖標 Icons,提供 6 種不同樣式與上千種 Icons 可做商業用途使用
  • Octicons – GitHub 官方開源 Icons 免費圖示下載,支援 Ruby, Rails, Jekyll 適合開發者使用
  • IconPark – 字節跳動官方出品超過 1287+ 高品質圖標免費下載,可線上客製化圖示外觀樣式
  • LineIcons – 超過 2000+ 個線形圖標庫,專為設計師與開發人員設計的圖標 Icons 免費下載
  • Animated icons by Icons8 – 900+ 免費線上動畫圖標,提供 GIF、JSON 與 AE 格式免費下載可商用動畫圖示
  • CSS.GG – 700+ 開源免版權圖標免費下載,支援 Figma 格式檔案,並提供 .css、.svg、.tsx、.fig、.xd、.json、.xml 格式下載
  • Radix Icons – 15×15 開源圖標 Icons 免費下載,支援 Sketch、Figma 與 SVG 檔案格式
  • Iconstore – 高畫質免費 Icons 圖標庫,234+ 個圖標集合包,CC0 可免費作為商業用途

更多相關文章

  • Feather Icons- 超過 200+ 個系統常用圖示免費下載,不僅開源還可線上調整圖示大小粗細與顏色!
  • 如何在 WordPress 中自定義滾動條?兩個方法教你快速設定!
  • LOADING.IO - 免費線上 Loading 載入動畫、文字、背景產生器,大量提供各種前端素材免費資源
  • Iconhub - 免費自定義線上圖標 Icons,提供 6 種不同樣式與上千種 Icons 可做商業用途使用
  • Free Online File Converter - 免費線上圖片格式快速轉換工具,一鍵轉換 SVG、PNG、JPG 與 PDF 檔案格式
  • IM Free - 線上無版權免費圖庫,CC0 可商用高品質圖片免費下載
  • 【WordPress 付費主題免費下載】Revity - OnePage Parallax
  • 【WordPress 付費主題免費下載】Unica - Personal Resume and Portfolio Theme
  • 2020 年網站頁面載入速度對於 Google SEO 排名的影響
  • FindIcons - 全球最大圖示 Icon 搜尋引擎,可商用 Icon 圖示免費下載
  • CSS.GG - 700+ 開源免版權圖標免費下載,支援 Figma 格式檔案,並提供 .css、.svg、.tsx、.fig、.xd、.json、.xml 格式下載
  • PureVPN - 超好用的 VPN 翻牆工具,超過 180 個國家伺服器,可跨區觀看 Netflix 各國影集

如果你喜歡這篇文章,請幫我們將這篇文章分享出去。你也可以在 Facebook 與 Instagram 上按讚追蹤我們,也歡迎加入 Facebook 粉絲團和我們一同交流!

所屬分類: 免費資源 標籤: Icons, Unicons Solid, 免費 Icons, 免費圖標, 免費圖標下載, 免費圖示, 免費圖示下載, 免費素材, 前端素材, 可商用素材, 圖標, 圖標下載, 圖示, 素材, 素材資源

關於 Sliven

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

讀者互動

發佈留言 取消回覆

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

Primary Sidebar

追蹤我們

站內搜尋

最新文章

  • ProductShot – 免費上圖片局部放大產生器,幫助你凸顯圖片中的重點區塊並支援複製上傳下載功能
  • Whyp.it – 免費音樂雲端上傳空間,免註冊即可上傳音樂並即時線上高音質播放
  • 【WordPress 付費主題免費下載】Bethlehem – Church WordPress Theme
  • 【WordPress 付費主題免費下載】Anada – Data Science & Analytics Saas WordPress Theme
  • 【WordPress 付費主題免費下載】Yoome – Modern WooCommerce WordPress Theme
  • 【WordPress 付費主題免費下載】Cindy – Accessible Local Government WordPress Theme
  • Upload.cc – 老牌免費圖片上傳雲端空間,上限 5 MB 無需註冊永不刪檔支援批量圖片上傳功能
  • Blobs – 線上免費產生 Blobs 圖形,可調整大小形狀、漸變顏色並產生 SVG 格式與支援 Flutter 程式匯入
  • BackgroundCut – 最佳免費線上去背工具,採用 AI 技術處理刪除複雜背景並產生高解析度去背後圖片
  • CSS Gradient – 線上產生線性漸變背景,提供 5 種漸變模式與可客製化顏色與色段區間並產生 CSS 程式碼
Bluehost best deal from TechMoon $2.95/月
Bluehost 獨家優惠
現在透過 TechMoon 專屬優惠折價券購買 Bluehost 主機,享有每月 $2.95 美元的獨家超低優惠價格,要搶要快!
自動套用優惠
立即購買!

熱門內容

  • Whoooa! - 120 個可自定義手繪向量插圖,提供所有設計軟體格式,特惠 30% 折扣限量索取!
  • Octicons - GitHub 官方開源 Icons 免費圖示下載,支援 Ruby, Rails, Jekyll 適合開發者使用
  • Feather Icons- 超過 200+ 個系統常用圖示免費下載,不僅開源還可線上調整圖示大小粗細與顏色!
  • iconmonstr - 4496+ 可商用 CC0 大量圖標 Icons 免費下載,另提供 Iconic Font 字體線上使用
  • IM Free - 線上無版權免費圖庫,CC0 可商用高品質圖片免費下載
  • LineIcons - 超過 2000+ 個線形圖標庫,專為設計師與開發人員設計的圖標 Icons 免費下載
  • Ionicons - 1200+ 免費精美圖標 Icons 開源下載,專為 Web、iOS、Android、桌面應用程式所開發
  • Heroicons.dev - 線上開源 176+ 個免費圖示,一鍵複製 SVG 格式程式碼直接貼上顯示圖標!
  • 如何在 WordPress 中自定義滾動條?兩個方法教你快速設定!
  • PureVPN - 超好用的 VPN 翻牆工具,超過 180 個國家伺服器,可跨區觀看 Netflix 各國影集

相關文章

  • ScreenApp.io – 免費線上螢幕錄製工具,透過瀏覽器即可進行錄製
  • Humanotion – 免費 192 個 Avatar 頭像與 6 種不同背景,採 CC0 許可授權可商用大頭貼圖像
  • Tint & Shade Generator – 線上色調陰影產生器,輸入色碼後自動產生深淺漸變色並能一鍵複製色碼
  • Iconshock – 提供超過 200 萬免費圖標,附上來源可作為個人使用,$99 美元即可終身可商業使用
  • LOADING.IO – 免費線上 Loading 載入動畫、文字、背景產生器,大量提供各種前端素材免費資源
  • Mixkit – CC0 可商用免費影片、音樂素材下載
  • FreeImages – 超過 300,000+ 線上圖庫,提供免版稅、免費圖片下載且支援中文關鍵字搜尋
  • Ionicons – 1200+ 免費精美圖標 Icons 開源下載,專為 Web、iOS、Android、桌面應用程式所開發
  • Cloudflare Speed Test – 免費測試你的網路速度,精確的測出你的網路頻寬
  • CSS box-shadow examples by CSS Scan – 免費提供 82 種 Box-shadow CSS 陰影樣式,隨點擊複製使用 CSS 程式碼
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
A2 Hosting Coupon
TechMoon 科技月球 © 2021.
Theme by StudioPress
DMCA.com Protection Status
  • 免責聲明