<html>
<style>
.logo{
background-repeat:no-repeat;
background-image:url("mineIcon.svg");//引入svg文件
background-size:100% 100%;
}
</style>
<body>
<div class="logo" style="width:40px;height:40px;"></div>
</body>
</html>
svg图标主要是缩放清晰度不会变化,这个在我开发H5和APP开发的时候用得特别多
这样只要使用.logo选择器的就可以使用此svg图片,达到使用svg图标的效果
示例:
<span class="logo"></span >
<i class="logo"></i>
<div class="logo"></div>