AdminLTE3-图标icon使用

在adminLTE3中推荐使用以下3个图标库

Font Awesome
Iconic Icons
Ion Icons

链接相应CSS文件来使用

 <!-- Font Awesome -->
<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">

<!-- Ionicons -->
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">

<!-- Ion Icons 我还没找到在哪 o(╯□╰)o -->

不过示例只给了简短几句话,具体图标用什么代码,示例中并未给出。

本次项目使用font awesome的图标库,官网:https://fontawesome.com,但是访问速度很慢,图标图像几乎不显示…
还好我们还有Font Awesome的中文官网:http://www.fontawesome.com.cn/

使用很简单 Easy to use

  1. 下载css文件,或使用CDN,在页面中引用(不下载也行,本来也自带了这套CSS,但是建议用中文官网的更准确)
  2. 在官网的图标库页面,点击需要的图标
    在这里插入图片描述
  3. 在点击进入的页面,复制源码粘贴到需要的位置即可
<i class="fa fa-car"></i>
发布了21 篇原创文章 · 获赞 0 · 访问量 591

猜你喜欢

转载自blog.csdn.net/immocha/article/details/104011385