keyboard_double_arrow_left
help Help & getting started
  1. Home
  2. Flaticon

Flaticon.

Flaticon offers free and premium vector icons in multiple formats. Attribution required for free use. Ideal for web, mobile, and UI design projects. Click here

Example

Use flaticon Icons with a spesific class.


<i class="fi fi-rr-book-alt"></i>
<i class="fi fi-rr-alarm-clock"></i>
<i class="fi fi-rs-paper-plane"></i>
<i class="fi fi-rr-apps-add"></i>
<i class="fi fi-rs-shield-check"></i>
<i class="fi fi-rr-gift"></i>

Colors

You can use flaticon Icons with a specific class, and style them using text utilities like text-primary, text-success, or any text-* class for quick color control.

primary
secondary
success
danger
info
warning
dark
light
gray 

<i class="fi fi-rr-trophy text-primary"></i>
<i class="fi fi-rr-trophy text-secondary"></i>
<i class="fi fi-rr-trophy text-success"></i>
<i class="fi fi-rr-trophy text-danger"></i>
<i class="fi fi-rr-trophy text-info"></i>
<i class="fi fi-rr-trophy text-warning"></i>
<i class="fi fi-rr-trophy text-dark"></i>
<i class="fi fi-rr-trophy text-light"></i>
<i class="fi fi-rr-trophy text-gray"></i>

Sizes

You can use flaticon Icons with a specific class and control their size using flaticon’s fs-* font size utilities.

fs-1
fs-2
fs-3
fs-4
fs-5
fs-6 

<i class="fi fi-rr-bulb fs-1"></i>
<i class="fi fi-rr-bulb fs-2"></i>
<i class="fi fi-rr-bulb fs-3"></i>
<i class="fi fi-rr-bulb fs-4"></i>
<i class="fi fi-rr-bulb fs-5"></i>
<i class="fi fi-rr-bulb fs-6"></i>