Lucide:免費商用且可客製化的開源圖示庫,支援 SVG 與多種前端開發框架

Lucide:免費商用且可客製化的開源圖示庫,支援 SVG 與多種前端開發框架

Lucide 是一個免費且開放原始碼的圖示庫,其內收錄的圖示涵蓋設計、程式碼與開發、導航、社交、無障礙、帳戶、動物、箭頭、品牌等 40多種類型,收錄的圖示目前約有 1500個,這些圖示遵循相同的設計規範,不但讓圖示看起來具有相同的風格外更具有高度的可識別性。這些圖示除了提供 SVG 向量格式外,也支援多種 JavaScript 框架及工具,包括:Vanilla、React、Vue、Svelte、Preact、Solid、Angular、Icon Font 等,除此之外,還能透過 HTML 語法中的 JSX 嵌入,充分滿足不同開發工具的需求。另外,Lucide 也提供可以客製化這些圖示的工具,使用者可以透過這些工具輕鬆更改圖示顏色、描邊粗細(Stroke Width)、尺寸與開啟絕對值描邊粗細( Absolute Stroke width_)等。Lucide 圖示庫採用 ISC License,簡單來說這些圖示不但可以免費使用,還可以編輯與再分發,適合個人專案與商業用途使用。

§相關文章,還可以參閱:

內含超過 1,500 個高品質圖示,涵蓋 40 多種類別,支援 SVG、React、Vue 等主流框架,適合個人與商業用途

1.進入到 Lucide 圖示網站會看到圖示專案的相關介紹及說明,點擊「View all icons」即可瀏覽所有圖示。

Lucide:免費商用且可客製化的開源圖示庫,支援 SVG 與多種前端開發框架

2.除了可以使用關鍵字搜尋圖示外,左側欄 Categories 處還有分類可以篩選圖示。

Lucide:免費商用且可客製化的開源圖示庫,支援 SVG 與多種前端開發框架

3.另外,在左側欄內的 Customizer 處還提供更改圖示顏色、描邊粗細(Stroke Width)、尺寸等的客製化工具。讓下載的圖示立即就可以與要應用的專案風格一致。

Lucide:免費商用且可客製化的開源圖示庫,支援 SVG 與多種前端開發框架

  • Absolute Stroke width:開啟該選項會將圖示的描邊寬度(Stroke Width)設定為一個固定的絕對值,這將使得圖形的尺寸無論如何變化,描邊的寬度都會保持不變。
  • Include external libs:開啟該選項會在專案或應用程式中引用外部的程式庫(libraries)。

4.點選任一圖示會在下方顯示放大後的預覽圖,資訊相當詳細,包括這個圖示的名稱、描述、相關標籤、貢獻者,也能快速複製 SVG 或是 JSX 語法。

Lucide:免費商用且可客製化的開源圖示庫,支援 SVG 與多種前端開發框架

5.點擊「See in action」不但可放大預覽,還可以下載該圖示的 SVG 檔案及取得多種 JavaScript 框架及工具,包括:Vanilla、React、Vue、Svelte、Preact、Solid、Angular、Icon Font 的語法。

Lucide:免費商用且可客製化的開源圖示庫,支援 SVG 與多種前端開發框架

Lucide 免費圖示庫,不但有豐富的圖示類別,還提供客製化工具,讓使用者可以輕鬆在線上調整圖示的顏色、尺寸與描邊粗細,打造符合專案需求的專屬風格,無論是個人使用還是商業用途,都能快速上手並靈活應用。

YTSage 是一個將 yt-dlp 視窗化的應用程式,其將原本只能通過指令操作的開源命令行程式,轉變為人人都能輕鬆上手的圖形化工具。透過 YTSage,用戶只需輸入 YouTube 影片網址,便能快速列出所有可供下載的影片格式與解析度,讓下載過程變得直觀且便利。另外,YTSage 還可以單獨提取及下載影片內的聲音檔案,這讓原本不易操作的 yt-dlp 命令行程式,也能在 YTSage 的協助下讓下載或提取 YouTube 影片或音頻變的輕而易舉。另外,YTSage 還可以下載字幕,檢視影片元資料,包含觀看次數、上傳日期、持續時間。當然,如果要下載高解析度(最高 4K)影片,還是少不了需要 FFMpeg 的支援。

BlinkShot 是一個專為即時生成圖像而設計的開源線上 AI 繪圖工具。基於 Together AI 平台的 Flux 模型,BlinkShot 能在極短的時間內生成符合文字描述(Prompt)的圖像,過程無需註冊帳戶,且不限使用次數,完全免費。BlinkShot 頁面設計的相當簡潔與直觀,使用者完全不需要額外學習如何操作,只需將構想轉化為文字,即可快速生成相應的圖像。另外,BlinkShot 還提供 Consistency mode 選項,可讓圖像生成保持一致性,例如相同人物樣貌但搭配不同場景。