How to use

• Create a new Preset (optional if you use the default preset), see CP Presets
• Create a new field based on the Iconfont fieldtype and choose the preset, see Field settings
• Create the entry and select an icon in the icon picker
• Output the icon in your template, see Template tags

Icon picker

Click Choose icon to open the picker. You can search on the name of an icon, and for Font Awesome and Material also on its synonyms (e.g. residence finds house), pick a category, or star icons to find them back under Favorites. Recently used icons are listed under Recently used.

Available from v2.0.0

Template Example (Font Awesome)

<head>
    {exp:reinos_iconfont:css}
</head>

{exp:channel:entries channel="iconfont"}
    your icon {iconfont_field:html}
    or as class <i class="{iconfont_field}"></i>
{/exp:channel:entries}