How to use 1500+ icons bundled with the Agile/Austin/FitPro/Invent theme

For Agile theme, the icons bundled with the theme are listed here –

Icon Fonts bundled with Agile Theme

To use the icons, you can use the WordPress shortcode

[icon class="icon-heart"]

or you just insert a HTML markup like

or some prefer

to display the icon. The above link provides you with the class names to use to display the corresponding icon.

These font icons can be styled in CSS for color and size. You can utilize the custom.css file or the Custom CSS tab in the options panel to insert styling information like this –

#my-section i { font-size: 32px; color: #333; }.

Do look for some examples of the usage in the demo content provided with the theme.

Although I am not going to recommend it, theoretically you can use inline styling as well to scale the icon and color it like this –


Posted in: 2. General