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

TechMoon 科技月球

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

  • 科技新知
  • 月球精選
  • 線上工具
  • 虛擬主機
    • Bluehost 主機
    • A2 Hosting 主機
  • WordPress
    • WordPress 教學
    • WordPress 主題
    • WordPress 外掛
  • 免費資源
  • 優惠資訊
  • 自我提升
    • Excel 教學
    • 網路行銷
  • Udemy 免費課程
  • 虛擬主機總覽
目前位置: 首頁 / 免費資源 / Octicons – GitHub 官方開源 Icons 免費圖示下載,支援 Ruby, Rails, Jekyll 適合開發者使用
Octicons - GitHub 官方開源 Icons 免費圖示下載,支援 Ruby, Rails, Jekyll 適合開發者使用

Octicons – GitHub 官方開源 Icons 免費圖示下載,支援 Ruby, Rails, Jekyll 適合開發者使用

Last Updated on 2020-10-28 By Sliven Leave a Comment

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

Octicons 是一個超過 150+ 個免費開源圖標庫網站,這是由 2016 年開始,由 GitHub Design Systems Team 兩個小組成員開始建立的專案,此項目現在仍然不斷的更新與添加新的圖標與功能。

Octicons 最巨大的優勢在於,除了提供常見的 SVG 程式碼、SVG 格式檔案、PDF 格式檔案…之外,還提供了許多套件,像是:Ruby、Rails、Jekyll、JavaScript、React、Styled System…等等,讓你能夠直接安裝在相對應的工具當中直接使用。

網站名稱:Octicons
網站網址:https://primer.style/octicons/

目錄
  1. 1. Octicons 特色教學
    1. 1.1. 尋找圖標
    2. 1.2. 查看圖標
    3. 1.3. 套件使用方法
    4. 1.4. UI 範例展示
    5. 1.5. 你可能有興趣
    6. 1.6. 更多相關文章

Octicons 特色教學

教你如何在 Octicons 中下載免費圖標。

Total Time: 3 minutes

尋找圖標

搜尋圖標或選取套件

進入頁面後,你可以從左側直接選取目前有提供的套件,快速導覽至該套件的說明與安裝頁面。也可以先從上方搜尋框中進行圖標的尋找,或是直接瀏覽下方所有圖標。

查看圖標

進入圖標後可切換大小與下載 SVG, PDF 檔案

進入圖標之後,每個圖標都可在上方切換 16px 或是 24px 的大小。而在下方你可以直接複製該圖標的 SVG HTML 程式碼,或是下載 SVG、PDF 格式檔案。

套件使用方法

圖標下方會展示每個套件的程式碼使用方式

在每個圖標的下方,可以看到所有套件的使用方式,例如在 Ruby、Jekyll 與 React 當中使用當前圖標的程式碼。

UI 範例展示

UI 範例展示

在圖標的最下方,都會有幾個 UI 的範例展示,讓你可以即時看到實際使用該圖標的最終效果。

以上就是本篇文章的完整內容。如果你對於免費圖標資源有興趣,可以參考:IconPark、Radix Icons、LineIcons、Emblemicons、Iconstore、Iconhub…等等好用的圖示資源。

Octicons - GitHub 官方開源 Icons 免費圖示下載,支援 Ruby, Rails, Jekyll 適合開發者使用

Octicons 評價推薦優點

  • GitHub 官方開源圖標資源
  • 提供多種套件可安裝使用
  • 提供 SVG 程式碼與 SVG 檔案下載
  • 圖標下方會展示實際 UI 範例

你可能有興趣

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

更多相關文章

  • Tabler Icons - 超過 558+ 高品質圖標 SVG 格式免費下載,MIT 授權可線上客製化圖示樣式
  • Heroicons.dev - 線上開源 176+ 個免費圖示,一鍵複製 SVG 格式程式碼直接貼上顯示圖標!
  • LineIcons - 超過 2000+ 個線形圖標庫,專為設計師與開發人員設計的圖標 Icons 免費下載
  • Iconstore - 高畫質免費 Icons 圖標庫,234+ 個圖標集合包,CC0 可免費作為商業用途
  • Freebiesbug - 設計師最愛的各種資源素材庫,提供 PSD、Illustrator、Sketch、Font 原始檔案免費下載!
  • Ionicons - 1200+ 免費精美圖標 Icons 開源下載,專為 Web、iOS、Android、桌面應用程式所開發
  • QuickFin.AI - 透過英語提問立即獲得美股 S&P 500 公司財報數據與相關資訊,新手投資美股的好幫手
  • Heroicons - 免費商用 Icons SVG 線上圖標,可直接在 HTML 中使用 CSS 類別元素顯示 Icons
  • 超過 40 個線上學習網站 - 網頁設計、程式語言、各種領域線上課程免費/付費資源索引
  • Iconhub - 免費自定義線上圖標 Icons,提供 6 種不同樣式與上千種 Icons 可做商業用途使用
  • Joplin - 替代 Evernote、Notion 的開源代辦筆記本程式
  • Free Online File Converter - 免費線上圖片格式快速轉換工具,一鍵轉換 SVG、PNG、JPG 與 PDF 檔案格式

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

所屬分類: 免費資源 標籤: GitHub, Icons, Jekyll, Octicons, PDF, Rails, Ruby, Styled System, SVG, 免費圖標, 免費圖標下載, 免費圖示, 免費圖示下載, 圖標, 圖標下載, 圖示, 網站圖示

關於 Sliven

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

讀者互動

發佈留言 取消回覆

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

Primary Sidebar

追蹤我們

站內搜尋

最新文章

  • 【WordPress 付費主題免費下載】Fotofly | Photography WordPress Theme
  • 【WordPress 付費主題免費下載】Solaz – An Elegant Hotel & Lodge WordPress Theme
  • 【WordPress 付費主題免費下載】AppArt – Creative WordPress Theme For Apps Saas
  • Neumorphism CSS Generator – 新擬態風格圖形樣式產生器,線上客製化最新軟 UI 風格與產生 CSS 程式碼
  • Ray.so – 免費程式碼轉換圖片線上工具,將代碼製作成精美的色彩圖片可自由客製化圖片外觀
  • Humanotion – 免費 192 個 Avatar 頭像與 6 種不同背景,採 CC0 許可授權可商用大頭貼圖像
  • G Suite 教育版更名為 Google Workspace for Education,並取消無限制儲存空間限制至 100 TB
  • Adobe Photoshop Express – 免費線上圖片編輯服務,提供圖片裁切、調整大小、修飾與套用濾鏡效果
  • Wunderstock – 超過 1 千萬 CC0 免費圖片,提供壓縮後圖片與免費線上圖片編輯工具
  • Diff Checker Text – 免費線上檢查文字或檔案不同之處,可支援文字、圖片、PDF 檔案、Excel 檔案多種格式
Bluehost best deal from TechMoon $2.95/月
Bluehost 獨家優惠
現在透過 TechMoon 專屬優惠折價券購買 Bluehost 主機,享有每月 $2.95 美元的獨家超低優惠價格,要搶要快!
自動套用優惠
立即購買!

熱門內容

  • FastComet 虛擬主機評價(2021 年 2 月)- 70% 折價優惠每月僅需 $2.95 美元,一鍵安裝 WordPress 網站教學
  • Instant Logo Design - 線上 Logo 快速產生器
  • Simple Icons - 大量知名品牌圖標 Icons,CC0 可商用免費下載 SVG 向量檔與提供線上 CDN 資源
  • mkcert - 讓你在 Localhost 與 IP 環境中也能安裝 SSL 證書,啟用 HTTPS 協議
  • Iconstore - 高畫質免費 Icons 圖標庫,234+ 個圖標集合包,CC0 可免費作為商業用途
  • Animated icons by Icons8 - 900+ 免費線上動畫圖標,提供 GIF、JSON 與 AE 格式免費下載可商用動畫圖示
  • SVG Repo - 免費 SVG 圖標與向量圖示免費下載,高達 300,000+ 的免版權可商用圖標集任你下載
  • Tabler Icons - 超過 558+ 高品質圖標 SVG 格式免費下載,MIT 授權可線上客製化圖示樣式
  • Ionicons - 1200+ 免費精美圖標 Icons 開源下載,專為 Web、iOS、Android、桌面應用程式所開發
  • Joplin - 替代 Evernote、Notion 的開源代辦筆記本程式

相關文章

  • Iconshock – 提供超過 200 萬免費圖標,附上來源可作為個人使用,$99 美元即可終身可商業使用
  • Humanotion – 免費 192 個 Avatar 頭像與 6 種不同背景,採 CC0 許可授權可商用大頭貼圖像
  • Testmysite.io – 免費線上檢測網站速度,幫助你改善網站加載速度,提升網站排名
  • Fast or Slow – 免費網站測速工具,從世界各地測試你的網站速度
  • Pngtree – 免版稅圖片素材免費下載,超過 400 萬張 PNG 圖片、背景、文字效果應有盡有
  • Iconstore – 高畫質免費 Icons 圖標庫,234+ 個圖標集合包,CC0 可免費作為商業用途
  • Ray.so – 免費程式碼轉換圖片線上工具,將代碼製作成精美的色彩圖片可自由客製化圖片外觀
  • Logo Instant – 可商用免費 Logo 素材下載,包含原始 AI 檔修改原圖
  • CleanPNG – 超過百萬張去背素材線上圖庫,提供熱門去背素材免註冊即可下載高解析度免費圖庫
  • PixelMe – 線上免費短網址服務,可添加個人網域作為品牌短網址 URL 與分析追蹤數據!
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
A2 Hosting Coupon
TechMoon 科技月球 © 2021.
Theme by StudioPress
DMCA.com Protection Status
  • 免責聲明