type
status
date
slug
summary
tags
category
icon
password
Font Awesome是一个非常流行的图标库,提供了大量的矢量图标,用于Web开发和其他数字媒体应用。以下是一些常用的Font Awesome图标及其对应的CSS代码:
1、搜索图标: <i class="fas fa-search"></i>
2、用户图标: <i class="fas fa-user"></i>
3、邮件图标: <i class="fas fa-envelope"></i>
4、购物车图标: <i class="fas fa-shopping-cart"></i>
5、联系我们图标: <i class="fas fa-phone"></i>
6、家图标: <i class="fas fa-home"></i>
7、关注我们图标: <i class="fas fa-heart"></i>
8、设置图标: <i class="fas fa-cog"></i>
9、打印图标: <i class="fas fa-print"></i>
10、锁定图标: <i class="fas fa-lock"></i>
11、微信图标: <i class="fab fa-weixin"></i>
12、微博图标: <i class="fab fa-weibo"></i>
13、Facebook图标: <i class="fab fa-facebook"></i>
14、Twitter图标: <i class="fab fa-twitter"></i>
15、YouTube图标: <i class="fab fa-youtube"></i>
在上述代码中,fas和fab是Font Awesome提供的两种不同类型的CSS类,分别代表实心图标和品牌图标。fa-search和fa-user等是不同的图标名称,根据需要选择不同的图标名称即可。
另外网上搜集的对照表如下:




- 作者:nfhome
- 链接:https://notion-next-nfhome.vercel.app//article/icon-and-css
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。
相关文章