HTML CSS字体图标库的引用及使用 SVG文件

1.进入图标库

阿里妈妈矢量图标库

2.搜索并下载想要的图标的SVG文件

在这里插入图片描述

3.创建一个新项目,点击上传图标至项目

在这里插入图片描述

4.拖入刚刚下载的图标对应的SVG文件

在这里插入图片描述

5.选择一种方式导入 我这里用的是Font Class 将其导入css至项目

在这里插入图片描述

<link rel="stylesheet" href="//at.alicdn.com/t/font_1681974_5do3a0itbp.css"/>

6.给对应标签的class属性赋上对应的值即可

在这里插入图片描述

<i class="iconfont iconqueding"></i>

在这里插入图片描述

仅在学习过程中记录所学内容,如有何处不足还请大佬们指出,欢迎同行一起交流。联系我微信chenhan-wu,记得备注csdn

在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章