阿里巴巴矢量图标库官网
任选一种方式登陆账号,必须登陆,否则无法进行下载
搜索想要的图标,滑过图标、加入购物车
点击 下载代码
,得到一个zip压缩包
解压压缩包,得到一个文件夹
demo_index.html
示例文件,使用方法看该文件即可
a. Unicode 引用,相对来说较麻烦
b. Font-class 引用
需要修改图标类名或样式可在 iconfont.css
中修改
c. Symbol 引用,需要彩色图标时使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="font/iconfont.css">
</head>
<body>
<i class="iconfont icon-erweima"></i>
<br><br>
<i class="iconfont icon-QQ"></i>
<br><br>
<i class="iconfont icon-weixin"></i>
</body>
</html>