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

章節連結

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

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?

按讚加入粉絲團

延伸閱讀