![[指南] SVG Repo 超過 300000 個的免費 SVG 查詢和下載](https://smlpoints.com/wp-content/uploads/guide-svg-repo-300000-download-search-1.jpg "[指南] SVG Repo 超過 300000 個的免費 SVG 查詢和下載")
[指南] SVG Repo 超過 300000 個的免費 SVG 查詢和下載
SVG Repo 是一個方便讓開發者查詢、下載 SVG 圖示的地方。這邊筆記下操作方式。 步驟 [ 網站 ]：https://www.svgrepo.com/ Read More …
標籤: Icon
![[指南] SVG Icons 提供 Single Path 的 SVG 檔案](https://smlpoints.com/wp-content/uploads/guide-svg-icons-single-path-svg-1.jpg "[指南] SVG Icons 提供 Single Path 的 SVG 檔案"){kind=icon}
[指南] SVG Icons 提供 Single Path 的 SVG 檔案
若你仔細觀察 svg 檔案內的 path，通常會有兩種形式：單一 path 和多重 path 。後者在渲染上會多花一些時間，但提供單一 path 的素材庫不是很 Read More …
![[筆記] Bootstrap 5 Icons 無論你是否有用 Bootstrap 都可用](https://smlpoints.com/wp-content/uploads/notes-bootstrap-5-alpha-version-released-1.jpg "[筆記] Bootstrap 5 Icons 無論你是否有用 Bootstrap 都可用")
[筆記] Bootstrap 5 Icons 無論你是否有用 Bootstrap 都可用
Bootstrap 的發展到現在，第四世代拿掉了圖示，不過在第五世代要回來啦~ 全新的 Bootstrap 5 Icons 是不限定綁在 Bootstrap 5 Read More …
![[指南] IconDuck 免費圖示 ICON 集合下載站](https://smlpoints.com/wp-content/uploads/guide-iconduck-free-svg-icon-collection-platform-1.jpg "[指南] IconDuck 免費圖示 ICON 集合下載站"){kind=icon}
[指南] IconDuck 免費圖示 ICON 集合下載站
前端工程師在開發時，常會在需要時才去 Google 看何處才有免費開源的 SVG 圖示下載，但往往都需要繁雜的註冊流程、點選很多按鈕才能找到下載連結。這回介紹的 Read More …
![[指南] Heroicons 開源免安裝 直接複製貼上的 SVG 圖示](https://smlpoints.com/wp-content/uploads/guide-heroicons-open-source-svg-icons-copy-and-paste-directly-1.jpg "[指南] Heroicons 開源免安裝 直接複製貼上的 SVG 圖示"){kind=icon}
[指南] Heroicons 開源免安裝 直接複製貼上的 SVG 圖示
在網頁開發時，視情況會需要載入一些圖示，像是俗稱漢堡選單的 Menu、箭頭符號之類的。若先下載一大包的資料，最後只用上一點點，對於頻寬消耗來說是種無謂浪費。He Read More …
![[指南] 特殊符號好難打？兩個網站讓你直接複製貼上](https://smlpoints.com/wp-content/uploads/guide-how-to-copy-and-paste-special-sign-from-website-1.jpg "[指南] 特殊符號好難打？兩個網站讓你直接複製貼上")
[指南] 特殊符號好難打？兩個網站讓你直接複製貼上
當你在網頁上貼文，想要輸入一些特殊符號時，固然可以用內建的鍵盤記下代碼，並用 Alt + ‘代碼’ 來完成。不過長久下來會覺得非常的耗時 Read More …
![[指南] Iconmonstr 超過 4000 種的圖示 SVG, EPS, PSD, PNG 支援](https://smlpoints.com/wp-content/uploads/guide-iconmonstr-commercial-non-commercial-use-4000-icons-with-svg-eps-psd-png-1.jpg "[指南] Iconmonstr 超過 4000 種的圖示 SVG, EPS, PSD, PNG 支援"){kind=icon}
[指南] Iconmonstr 超過 4000 種的圖示 SVG, EPS, PSD, PNG 支援
Iconmonstr 所提供的圖示有著 Fill / Bold / Thin 三種類型，同時又可進行商業和非商業的使用。除了可提供的檔案格式眾多外，圖示的數量也 Read More …
![[筆記] FlatIcon 免費非商業使用的向量圖示圖庫](https://smlpoints.com/wp-content/uploads/notes-flaticon-free-vector-icons-no-commercial-use-1.jpg "[筆記] FlatIcon 免費非商業使用的向量圖示圖庫"){kind=icon}
[筆記] FlatIcon 免費非商業使用的向量圖示圖庫
前一些日子在開發 Google Extension 外掛的時候，常有各式大小圖示(Icon)的需求。這個 FlatIcon 提供了 png 和 svg 兩類主要 Read More …
