时间：2023-09-04 11:48:01 | 来源：网站运营
时间：2023-09-04 11:48:01 来源：网站运营
Web 前端矢量小图标的使用方法：在写前端页面时，我们经常会用到一些小图标之类的图片，如果使用图片的话代码写起来比较麻烦，最近发现一个方便实用的方法，直接引用就可以了。
在线咨询
<link rel="stylesheet" href="http://at.alicdn.com/t/font_1587841_2580lrwj551.js">第五步：引入代码切记加上“ http: ”<body><i class/="iconfont icon-xxx"></i></body><link rel="stylesheet" href="http://at.alicdn.com/t/font_1587841_2580lrwj551.js"> <script src="iconfont.js"></script>第三步：把文件包放在项目到同一个目录下，这样引用到图标才能生效.<svg class="icon" aria-hidden="true"> <use xlink:href="#icon-079aiqing"></use> </svg>第五步：在代码页面我们需要引入以上两个文件地址以外，还需要引入一段style代码。<style> .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }</style><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>阿里巴巴矢量图</title> <link rel="stylesheet" href="http://at.alicdn.com/t/font_1587841_2580lrwj551.js"> <script src="iconfont.js"></script></head><style> .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }</style><body> <input type="text" placeholder="搜索"> <svg class="icon" aria-hidden="true"> <use xlink:href="#icon-079aiqing"></use> </svg></body></html>关键词：使用,方法,矢量
