Menu
X

Icons Styles

[fancyheading textcolor=»#1e73be» heading=»large»]Font Awesome Icons Styles[/fancyheading]
[highlight bgcolor=»#33a548″ textcolor=»#ffffff» ]Parameters for the Buttons[/highlight]
[divider style=»thin» margin=»20px 0″ bordercolor=»#dddddd»]
[list icon=»fa-angle-right» color=»#81d742″]
Icon: Choose the Icon you wish to use
Color: Select the color for Icon
Background Color: Select the BG color for Icon
Select Icon Size: Choose the size of the Icon
Choose Icon Style: Circle / Square
[/list]
[divider style=»thin» margin=»20px 0″ bordercolor=»#dddddd»]

Font Awesome Icons in 4 Different Styles

[one_fourth]
[icons style=»circle» size=»large» color=»#ffffff» bgcolor=»#00c0e4″ bordercolor=»#00c0e4″ icon=»fa-check-square»]
[demo_space height=»10px»]
[icons style=»circle» size=»large» color=»#ffffff» bgcolor=»#5bd999″ bordercolor=»#5bd999″ icon=»fa-comment»]
[demo_space height=»10px»]
[icons style=»circle» size=»large» color=»#ffffff» bgcolor=»#7658f8″ bordercolor=»#7658f8″ icon=»fa-bullhorn «]
[demo_space height=»10px»]
[icons style=»circle» size=»large» color=»#ffffff» bgcolor=»#eac14d» bordercolor=»#eac14d» icon=»fa-bug»]
[demo_space height=»10px»]
[icons style=»circle» size=»large» color=»#ffffff» bgcolor=»#e6567a» bordercolor=»#e6567a» icon=»fa-cogs»]
[demo_space height=»10px»]
[icons style=»circle» size=»large» color=»#ffffff» bgcolor=»#cb70d7″ bordercolor=»#cb70d7″ icon=»fa-heart»][/one_fourth]

[one_fourth]
[icons style=»circle» size=»large» color=»#00c0e4″ bordercolor=»#00c0e4″ icon=»fa-check-square»]
[demo_space height=»10px»]
[icons style=»circle» size=»large» color=»#5bd999″ bordercolor=»#5bd999″ icon=»fa-comment»]
[demo_space height=»10px»]
[icons style=»circle» size=»large» color=»#7658f8″ bordercolor=»#7658f8″ icon=»fa-bullhorn «]
[demo_space height=»10px»]
[icons style=»circle» size=»large» color=»#eac14d» bordercolor=»#eac14d» icon=»fa-bug»]
[demo_space height=»10px»]
[icons style=»circle» size=»large» color=»#e6567a» bordercolor=»#e6567a» icon=»fa-cogs»]
[demo_space height=»10px»]
[icons style=»circle» size=»large» color=»#cb70d7″ bordercolor=»#cb70d7″ icon=»fa-heart»][/one_fourth]

[one_fourth]
[icons style=»square» size=»large» color=»#ffffff» bgcolor=»#00c0e4″ bordercolor=»#00c0e4″ icon=»fa-check-square»]
[demo_space height=»10px»]
[icons style=»square» size=»large» color=»#ffffff» bgcolor=»#5bd999″ bordercolor=»#5bd999″ icon=»fa-comment»]
[demo_space height=»10px»]
[icons style=»square» size=»large» color=»#ffffff» bgcolor=»#7658f8″ bordercolor=»#7658f8″ icon=»fa-bullhorn «]
[demo_space height=»10px»]
[icons style=»square» size=»large» color=»#ffffff» bgcolor=»#eac14d» bordercolor=»#eac14d» icon=»fa-bug»]
[demo_space height=»10px»]
[icons style=»square» size=»large» color=»#ffffff» bgcolor=»#e6567a» bordercolor=»#e6567a» icon=»fa-cogs»]
[demo_space height=»10px»]
[icons style=»square» size=»large» color=»#ffffff» bgcolor=»#cb70d7″ bordercolor=»#cb70d7″ icon=»fa-heart»][/one_fourth]

[one_fourth_last]
[icons style=»square» size=»large» color=»#00c0e4″ bordercolor=»#00c0e4″ icon=»fa-check-square»]
[demo_space height=»10px»]
[icons style=»square» size=»large» color=»#5bd999″ bordercolor=»#5bd999″ icon=»fa-comment»]
[demo_space height=»10px»]
[icons style=»square» size=»large» color=»#7658f8″ bordercolor=»#7658f8″ icon=»fa-bullhorn «]
[demo_space height=»10px»]
[icons style=»square» size=»large» color=»#eac14d» bordercolor=»#eac14d» icon=»fa-bug»]
[demo_space height=»10px»]
[icons style=»square» size=»large» color=»#e6567a» bordercolor=»#e6567a» icon=»fa-cogs»]
[demo_space height=»10px»]
[icons style=»square» size=»large» color=»#cb70d7″ bordercolor=»#cb70d7″ icon=»fa-heart»][/one_fourth_last]

[divider style=»thin» margin=»30px» bordercolor=»#d6d6d6″]

Icon Styles with 4 different sizes

[one_fourth]
[icons style=»circle» size=»small» color=»#ffffff» bgcolor=»#00c0e4″ bordercolor=»#00c0e4″ icon=»fa-camera»]
[demo_space height=»10px»]
[icons style=»circle» size=»medium » color=»#ffffff» bgcolor=»#5bd999″ bordercolor=»#5bd999″ icon=»fa-camera»]
[demo_space height=»10px»]
[icons style=»circle» size=»large» color=»#ffffff» bgcolor=»#eac14d» bordercolor=»#eac14d» icon=»fa-camera»]
[demo_space height=»10px»]
[icons style=»circle» size=»xlarge» color=»#ffffff» bgcolor=»#e6567a» bordercolor=»#e6567a» icon=»fa-camera»]
[/one_fourth]

[one_fourth]
[icons style=»circle» size=»small» color=»#00c0e4″ bordercolor=»#00c0e4″ icon=»fa-camera»]
[demo_space height=»10px»]
[icons style=»circle» size=»medium » color=»#5bd999″ bordercolor=»#5bd999″ icon=»fa-camera»]
[demo_space height=»10px»]
[icons style=»circle» size=»large» color=»#eac14d» bordercolor=»#eac14d» icon=»fa-camera»]
[demo_space height=»10px»]
[icons style=»circle» size=»xlarge» color=»#e6567a» bordercolor=»#e6567a» icon=»fa-camera»]
[/one_fourth]

[one_fourth]
[icons style=»square» size=»small» color=»#ffffff» bgcolor=»#00c0e4″ bordercolor=»#00c0e4″ icon=»fa-camera»]
[demo_space height=»10px»]
[icons style=»square» size=»medium » color=»#ffffff» bgcolor=»#5bd999″ bordercolor=»#5bd999″ icon=»fa-camera»]
[demo_space height=»10px»]
[icons style=»square» size=»large» color=»#ffffff» bgcolor=»#eac14d» bordercolor=»#eac14d» icon=»fa-camera»]
[demo_space height=»10px»]
[icons style=»square» size=»xlarge» color=»#ffffff» bgcolor=»#e6567a» bordercolor=»#e6567a» icon=»fa-camera»]
[/one_fourth]

[one_fourth_last]
[icons style=»square» size=»small» color=»#00c0e4″ icon=»fa-camera» bordercolor=»#00c0e4″]
[demo_space height=»10px»]
[icons style=»square» size=»medium » color=»#5bd999″ icon=»fa-camera» bordercolor=»#5bd999″]
[demo_space height=»10px»]
[icons style=»square» size=»large» color=»#eac14d» icon=»fa-camera» bordercolor=»#eac14d»]
[demo_space height=»10px»]
[icons style=»square» size=»xlarge» color=»#e6567a» icon=»fa-camera» bordercolor=»#e6567a»]
[/one_fourth_last]
[demo_space height=»30px»]

Please activate some Widgets

© Copyright 2020 Galenos. Todos los derechos reservados.