<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
//引入css 和js样式
<link rel="stylesheet" href="./iconFont/iconfont.css">
<script src="./iconFont/iconfont.js"></script>
<style>
// 设置icon类的样式
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
.box {
font-size: 150px;
}
</style>
</head>
<body>
//书写下面内容主要 use标签中 href 值中 #后面为引入图标的名称
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-baoxiang"></use>
</svg>
</body>
</html>