H5 引入阿里矢量图标库 symbol 为例


1、点击下载至本地,把文件夹下载下来:

 

 2、解压文件,把 css 和 js 分别拷贝进项目,放在 head  里面:

<link rel="stylesheet" href="css/iconfont.css">
<script src="js/iconfont.js"></script>

3、style 加入默认样式:

<style>
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>

4、页面引用:

<svg class="icon" aria-hidden="true">
    <use xlink:href="#iconshijian"></use>
</svg>

     

最终结果:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM