svg转iconfont小图标

https://www.iconfont.cn/manage/index

阿里巴巴提供的字体图标库可供每个设计者设计自主小图标分享给有需要的人

直接拖拽svg生成一个小图标，图标名称是svg的文件名

写法：<i class="iconfont icon-userPhoto color-primary" />

iconfont为导出的文件总名，icon-svg的文件名，如果是中文，则自动转成拼音

在此过程中遇到这样一个问题：

图片放在ps中导出svg格式，即为svg文件，此时的文件拖拽至iconfont生成图标时，图标为空，但是svg预览是有图像的，定位了很久，原因是因为iconfont不识别图片格式的svg

正确可识别的svg文件是：

正确的svg

错误的是：

带有图片的svg

哈哈哈哈，有没有发现不一样的，我用红框标出来的是一个image标签，这个是不能再iconfont中转换成小图标的，图一是正确的。