使用示例
探索Font Awesome图标的各种用法和效果
不同大小
fa-xs
fa-sm
默认
fa-lg
fa-xl
fa-2x
fa-3x
fa-4x
<i class="fas fa-check-circle fa-xs"></i>
<i class="fas fa-check-circle fa-sm"></i>
<i class="fas fa-check-circle"></i>
<i class="fas fa-check-circle fa-lg"></i>
<i class="fas fa-check-circle fa-xl"></i>
<i class="fas fa-check-circle fa-2x"></i>不同颜色
灰色
红色
绿色
蓝色
黄色
紫色
<i class="fas fa-star text-gray-500"></i>
<i class="fas fa-star text-red-500"></i>
<i class="fas fa-star text-green-500"></i>
<i class="fas fa-star text-blue-500"></i>动画效果
fa-spin
fa-pulse
fa-spin
fa-spin
<i class="fas fa-spinner fa-spin"></i>
<i class="fas fa-circle-notch fa-pulse"></i>
<i class="fas fa-sync fa-spin"></i>按钮中的图标
<button class="bg-primary text-white px-4 py-2 rounded">
<i class="fas fa-download mr-2"></i> 下载
</button>