如何使用iconfont （阿里图标库）

用户6379025

发布于 2022-12-26 15:58:48

8840

发布于 2022-12-26 15:58:48

文章被收录于专栏：莫凡

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

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

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

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

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

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-06-24，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度