[指南] SVG Icons 提供 Single Path 的 SVG 檔案

Posted onAuthorANDY LIEN

章節連結

若你仔細觀察 svg 檔案內的 path，通常會有兩種形式：單一 path 和多重 path 。後者在渲染上會多花一些時間，但提供單一 path 的素材庫不是很多。近期找到的 http://svgicons.sparkk.fr/ 網站有提供單一 path 的 svg 圖示。

guide-svg-icons-single-path-svg

步驟

[ 網站 ]：http://svgicons.sparkk.fr/

1. 進入網站後，點選需要的圖示
2. 點擊後會跳出視窗，接著選取下方的程式碼複製貼上即可

guide-svg-icons-single-path-svg-2

參考資料

1. How do i convert multi path svg to one path
2. Which is more efficient in SVG, multiple small paths or one giant one?

按讚加入粉絲團

延伸閱讀