1.导出系统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.解决系统所带的问题

3.1 对比图中的SF符号发现自定义的与系统的相比少了边距，测试导出系统SF符号未编辑导入Xcode也会出现相同的问题。

3.2 使用空白路径解决边距问题。

3.2 将边框路径设为透明，保存放入Xcode

3.4 成品示例。

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

链接: https://pan.baidu.com/s/1WNmk6ATJ2gne4dgEMA2N-g  密码: w26n