springboot-iconfont图标如何使用？ - 码农知识堂

springboot-iconfont图标如何使用？
springboot-iconfont图标如何使用？

第一步：进入 iconfont-阿里巴巴矢量图标库，选择想要的图标加入购物车

第二步：进入购物车点击下载代码

第三步：下载解压好之后将这五个文件粘贴到项目中，如下：

第四步：然后在html文件中导入iconfont.css文件,并且让图标显示出来，如下：
```
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link th:href="@{/iconfont/iconfont.css}" rel="stylesheet" />
</head>
<body>
 
<span class="iconfont icon-bell"></span>
 
</body>
</html>
```
        这里解释一下 icon-bell 是什么？

       点击进入之前下载好的 demo_index.html，如下

进来后可以看到图标对应的类名

然后来展现的看看效果，如下：

如上所示图标显示出来了

        不过使用class的方式仅仅能引用黑白的图标很单调，如果想要引用彩色图标的话就用Symbol的方式去调用即可【这种方式在 demo_index.html 文件里也有教程，方法也差不多所以在这里就不多说了】
相关阅读:
基于SSM框架的校园宿舍管理系统毕业设计源码241738
SpringBoot SpringBoot 原理篇 1 自动配置 1.12 bean 的加载控制【注解式】
【试题037】逻辑非！例题2
109.（leaflet篇）leaflet实现沿轨迹线播放
 Matlab | TCP通信
 MediaBox助力企业一站式获取音视频能力
 java计算机毕业设计学生选课系统源码+数据库+系统+lw文档+部署
 Boost.Beast和C++编写程序
 debug技巧之本地调试
 java健康食谱系统服务器端计算机毕业设计MyBatis+系统+LW文档+源码+调试部署
原文地址：https://blog.csdn.net/m0_52433668/article/details/125005405