Easy Tutorial
❮ Foundation Tabs Foundation Tutorial ❯

Foundation Icon Reference Manual


Foundation Icons

Foundation offers 283 icons that you can render using CSS: modify their size and color.

The syntax for creating icons is as follows:

<i class="fi-name"></i>

In the syntax, name refers to the specified name of the icon.

To use the icons, you can place the icon style file in the <head> section of your page:

<link rel="stylesheet" href="http://static.tutorialpro.org/assets/foundation-icons/foundation-icons.css">

The above is the icon style class used by tutorialpro.org, which can be shared by everyone.

Click here to view the icons in a new page.

❮ Foundation Tabs Foundation Tutorial ❯