web前端svg图标使用（关于阿里iconfont的symbol 引用）

symbol 引用是一种全新的使用方式，应该说是未来的主流，也是平台目前推荐的用法。

图标使用svg的优点：

1. 可以轻松地按比例放大和缩小图标，具体取决于要在应用程序中显示的位置以及显示应用程序的屏幕尺寸。
2. svg图标具有优于位图图形的优点，即按比例放大或缩小时它们仍然看起来不错。
3. 位图图形在按比例放大时趋于像素化，而在按比例缩小时会失去质量（像素）。

如何使用iconfont的svg图标？

1. 选择所需要的图标，添加到项目中

2. 选择Symbol, 然后点击在线链接

3. 复制红框里的链接，链接前面加上https

 4. 引入到项目中

 

5. 复制icon代码，直接在项目中使用

这样就完成啦！是不是超简单？