Example 1

A simple icon group showing a draining battery. In this example, the 4 icons are left aligned, sized at 40px with 30px between them and coloured yellow.

Example 2

Within the Icon Group modules individual icon settings is a style tab to assign colours to each icon. In this example the American Express, Visa and MasterCard icons are all using the default colour set by the style tab in the Icon Group module. However, the last icon is coloured using the styling tab in the icons own setting and as such this colour overrides the default blue.

Example 3

Icon Groups are great for displaying social networks and as each icon can be individually styled, you can recreate social network icons in their own brand colours and add URL links to each.

[beaver_tunnels] [/beaver_tunnels]

Leave a Comment