<span class="icon has-text-info">
<i class="fas fa-info-circle"></i>
</span>
<span class="icon has-text-success">
<i class="fas fa-check-square"></i>
</span>
<span class="icon has-text-warning">
<i class="fas fa-exclamation-triangle"></i>
</span>
<span class="icon has-text-danger">
<i class="fas fa-ban"></i>
</span>
← all Bulma classes list
Bulma class: .icon
Preview
Use Shuffle AI to build your own Bulma CSS templates
Quickly design stunning Bulma CSS templates with the power of Shuffle AI — no coding required.
Check .icon in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
