阿里矢量库的使用

164 阅读1分钟

网址 www.iconfont.cn/

第一步:搜索你想要的图标添加入库

image.png 点击购物车 添加至项目

image.png

下载至本地,将文件夹引入到自己的项目中去 image.png

    import './iconfont/iconfont.css'
   <i class="icon iconfont">&#xe600;</i>

但是这种方式不能渲染彩色的图标,我们需要用symbol格式的

image.png

import './icon';
<span>
    <svg
      class="icon"
      aria-hidden="true"
      >
        <use xlinkHref="#icon-kaishixunjian"></use>
       </svg>
</span>