iconfont上的SVG的使用

384 阅读1分钟

首先你需要一个iconfont的账号

进入iconfont官网,搜索所需要的icon,并加入购入车中, 然后创建一个项目,将加入的多个icon,添加到项目中去。 点击symbol按钮 修改icon的前缀,使用更加方便 当找到譬如方向的icon时,可以旋转,获取其它方向的,然后保存副本,也可下载下来,再上传修改。 将所有的icon去色 生成代码,这段代码可以在文件力应用 引入icon的代码 在源码里渲染出来的代码里面出现了svg的片段代码 使用svg的方式:href里面 #+icon名

<svg>
  <use x:link:href="#i-settings">    
  </use>
</svg>

如此svg 展现在网页上