Foundation icon reference manual


May 04, 2021 14:00 Foundation5


Table of contents


Foundation icon reference manual


Foundation icon

Foundation provides 283 icons that you can use CSS to render them: modify size and color.

The icon creation syntax format is as follows:

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

The name section of the syntax is the name specified by the icon.

To use the icon, you can place the style file of the <head> of the page.

<link rel="stylesheet" href="http://statics.w3cschool.cn/assets/foundation-icons/foundation-icons.css">

The above is the icon style class used in the W3Cschool online tutorial, which you can share.

Click me to view the icon on the new page.