Foundation Icons Reference Manual

Foundation Icon

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

The syntax format for icon creation is as follows:

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

in the syntaxnameThe part is the name specified for the icon.

To use the icons, you can place the stylesheet file in the head of the page.<head>part:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/foundation-icons@2.0.0/foundation-icons.min.css">

The above are the icon style classes used by the Example tutorial, which everyone can share.

Click me to view the icon in a new page.

other extensions