1.導出系統(tǒng)SF模板

1.1 在SF符號中選中一個符號，再選擇文件導出保存。

2.編輯SF模板中的符號

2.1 將導出的SF符號模板在AI中打開。

2.2 將SF符號模板中不需要的內容刪除。

2.3 打開一個新的SVG格式圖標。

2.4 選中路徑復制到之前打開的SF符號模板中，要注意復制到Regular-M下面。

2.5 調整大小樣式，然后保存文件。

2.6 將保存好的SVG文件，放入Xcode Assets.xcassets 中就可以使用了。

3.解決系統(tǒng)所帶的問題

3.1 對比圖中的SF符號發(fā)現(xiàn)自定義的與系統(tǒng)的相比少了邊距，測試導出系統(tǒng)SF符號未編輯導入Xcode也會出現(xiàn)相同的問題。

3.2 使用空白路徑解決邊距問題。

3.2 將邊框路徑設為透明，保存放入Xcode

3.4 成品示例。

4.文章中使用的SVG模板下載地址

鏈接: https://pan.baidu.com/s/1WNmk6ATJ2gne4dgEMA2N-g? 密碼: w26n