Icon Element

Fortuna features an Icon Element Shortcode that is very easy to customize via the Visual Composer modal created specifically for it. You can set the Icon size, color, background, border, position, margin, CSS animation. Use the Icon element separately or combine it with a heading to make one pop out more. You can choose from the list of more than [tooltip title=”Check out the full icon list”]1200 icons[/tooltip] that ship with the theme in order to communicate your message visually to your clients.

[boc_list_item icon_size=”small” margin_bottom=”10px” icon=”icon icon-check2″]Icon Size[/boc_list_item][boc_list_item icon_size=”small” margin_bottom=”10px” icon=”icon icon-check2″]Icon Position[/boc_list_item][boc_list_item icon_size=”small” margin_bottom=”10px” icon=”icon icon-check2″]Icon Color[/boc_list_item][boc_list_item icon_size=”small” margin_bottom=”10px” icon=”icon icon-check2″]Icon Background[/boc_list_item][boc_list_item icon_size=”small” margin_bottom=”10px” icon=”icon icon-check2″]Icon Background[/boc_list_item][boc_list_item icon_size=”small” margin_bottom=”10px” icon=”icon icon-check2″]Icon Border[/boc_list_item][boc_spacing height=”60px”]
[boc_icon size=”large” icon_position=”center” icon_color=”#08ada7″ icon=”icon icon-world”]
[boc_icon icon_position=”center” icon_color=”#ffffff” has_icon_bg=”yes” icon_bg=”#ed1785″ icon_bg_border=”rgba(10,10,10,0.15)” icon=”icon icon-heart2″]
[boc_icon icon_position=”center” icon_color=”#08ada7″ has_icon_bg=”yes” icon_bg=”#f8f8f8″ icon_bg_border=”#ededed” icon=”icon icon-plugin”]
[boc_icon icon_position=”center” icon_color=”#ffffff” has_icon_bg=”yes” icon_bg=”#219cd1″ icon=”icon icon-envelope-o”]
[boc_icon size=”large” icon_position=”center” icon_color=”#a4ad5d” icon=”icon icon-speedometer”]
[boc_icon icon_position=”center” icon_color=”#555555″ icon=”icon icon-lab”]
[boc_spacing height=”50px”][boc_icon size=”tiny” icon_color=”#ffffff” has_icon_bg=”yes” icon_bg=”#e0e01f” icon=”icon icon-star3″][boc_heading html_element=”h3″ color=”#333333″]Combine Icons with Headings[/boc_heading]
[boc_spacing height=”10px”][boc_icon size=”small” icon_color=”#ffffff” has_icon_bg=”yes” icon_bg=”#08ada7″ margin_top=”-8px” icon=”icon icon-diamond2″][boc_heading html_element=”h3″ color=”#333333″]Combine Icons with Headings[/boc_heading]
[boc_spacing height=”10px”][boc_icon icon_color=”#494949″ margin_top=”-6px” icon=”icon icon-scissors2″][boc_heading html_element=”h3″ color=”#333333″]Combine Icons with Headings[/boc_heading]
[boc_spacing height=”10px”][boc_icon icon_color=”#494949″ has_icon_bg=”yes” icon_bg=”#f9f9f9″ icon_bg_border=”#eeeeee” margin_top=”-16px” icon=”icon icon-telescope”][boc_heading color=”#333333″]Combine Icons with Headings[/boc_heading]