Fluent Icons

There are 2552 icons to choose from and are available in regular lined style or a filled style.

Getting Started

Create an icon using an <i></i> and decorate it with the fi class for regular or fi filled for filled icons

<i class="fi fi-drink-beer"></i>
<i class="fi fi-drink-beer fi-lg"></i>
<i class="fi fi-drink-beer fi-xl"></i>
<i class="fi fi-drink-beer filled"></i>
<i class="fi fi-drink-beer fi-lg filled"></i>
<i class="fi fi-drink-beer fi-xl filled"></i>

Result