zl程序教程

您现在的位置是:首页 >  Java

当前栏目

如何使用iconfont (阿里图标库)

2023-02-18 16:41:46 时间

把自己要搜索的字体图标加入项目

Unicode 的使用

1点击查看在线链接 2把代码复制到本地

// i标签放置自己图标的unicode码就可以了
<i class="iconfont">&#x33;</i> 

font class

可以直接用link标签嵌入HTML 里面 也可以下载代码放到本地的css文件中使用

// iconfont 每个图标都有的 icon-xxx 是不同图标对应的
<i class="iconfont icon-xxx"></i>

Symbol 是主流用法

可以直接把链接放到script 标签中嵌入 HTML 可以下载放到js文件中

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