实例首页
自学教程
IT工具箱
源代码
下载代码
上下布局
点击运行 >
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Font Awesome 5 组合使用图标 - runoops.com </title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://cdn.staticfile.org/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"> </head> <body> <span class="fa-stack fa-lg"> <i class="fas fa-circle fa-stack-2x"></i> <i class="fab fa-twitter fa-stack-1x fa-inverse"></i> </span> fa-twitter (inverse) on fa-circle (solid)<br> <span class="fa-stack fa-lg"> <i class="far fa-circle fa-stack-2x"></i> <i class="fab fa-twitter fa-stack-1x"></i> </span> fa-twitter on fa-circle (regular)<br> <span class="fa-stack fa-lg"> <i class="fas fa-camera fa-stack-1x"></i> <i class="fas fa-ban fa-stack-2x text-danger" style="color:red;"></i> </span> fa-ban on fa-camera </body> </html>
运行结果：