Icons can be added in menus, lists, buttons, modules, and basically, in any content. These icons are made available by Font Awesome and Pixeden. These icons use icon fonts which ensures they look sharp even on retina displays.
[icon style="icon-gear"/][badge style="note uk-margin-top"]markup[/badge]
[list style="list-icons"] [li icon="asterisk"]List Item 1[/li] [li icon="asterisk"]List Item 2[/li] [li icon="asterisk"]List Item 3[/li] [/list][line_break/]
To add an icon to a menu item, go to Extensions > Template Manager > click on the template to edit > on the second tab "Options", select 'Menus' > choose a menu from the dropdown > in the icon column, select the icon you'd want to add for the respective menu item
[heading size="h3" style="uk-module-title uk-margin-large-top"]Adding icons to Modules[/heading]To add an icon to a menu item, go to Extensions > Template Manager > click on the template to edit > on the second tab "Options", select 'Modules' > search or filter for the modules on the top fields > in the icon column, select the icon you'd want to add for the respective module
[heading size="h3" style="uk-module-title uk-margin-large-top"]Adding icons to lists[/heading]To add an icon to a list, use the list shortcode and apply the 'list-icons' style > then specify the icon name in the list items. You can see more examples here








