3 Icon Styles & 4 Predefined Colors

[us_separator type= »invisible »]
[us_iconbox style= » » title= »Primary Icon Color » type= »default » external= » »]
[/us_iconbox]
[us_iconbox style= » » color= »secondary » title= »Secondary Icon Color » type= »default » external= » »]
[/us_iconbox]
[us_iconbox style= » » color= »contrast » title= »Contrast Icon Color » type= »default » external= » »]
[/us_iconbox]
[us_iconbox style= » » color= »light » title= »Light Icon Color » type= »default » external= » »]
[/us_iconbox]
[us_separator type= »invisible » size= »small »]
[us_iconbox style= »outlined » title= »Primary Icon Color » link= »url:%23″ type= »circle » external= » »]
[/us_iconbox]
[us_iconbox style= »outlined » color= »secondary » title= »Secondary Icon Color » link= »url:%23″ type= »circle » external= » »]
[/us_iconbox]
[us_iconbox style= »outlined » color= »contrast » title= »Contrast Icon Color » link= »url:%23″ type= »circle » external= » »]
[/us_iconbox]
[us_iconbox style= »outlined » color= »light » title= »Light Icon Color » link= »url:%23″ type= »circle » external= » »]
[/us_iconbox]
[us_separator type= »invisible » size= »small »]
[us_iconbox style= »circle » title= »Primary Icon Color » link= »url:%23″ type= »circle » external= » »]
[/us_iconbox]
[us_iconbox style= »circle » color= »secondary » title= »Secondary Icon Color » link= »url:%23″ type= »circle » external= » »]
[/us_iconbox]
[us_iconbox style= »circle » color= »contrast » title= »Contrast Icon Color » link= »url:%23″ type= »circle » external= » »]
[/us_iconbox]
[us_iconbox style= »circle » color= »light » title= »Light Icon Color » link= »url:%23″ type= »circle » external= » »]
[/us_iconbox]
[us_separator type= »invisible » size= »huge »]

Unlimited Custom Colors

[us_separator type= »invisible »]
[us_iconbox icon= »fa-check-square » style= » » color= »custom » icon_color= »#ef5350″ title= »Simple Icon Style » type= »default » external= » »]
[/us_iconbox]
[us_iconbox icon= »fa-arrows » style= » » color= »custom » icon_color= »#8bc34a » title= »Simple Icon Style » type= »default » external= » »]
[/us_iconbox]
[us_iconbox icon= »fa-lock » style= » » color= »custom » icon_color= »#9c27b0″ title= »Simple Icon Style » type= »default » external= » »]
[/us_iconbox]
[us_iconbox icon= »fa-globe » style= » » color= »custom » icon_color= »#2196f3″ title= »Simple Icon Style » type= »default » external= » »]
[/us_iconbox]
[us_separator type= »invisible » size= »small »]
[us_iconbox icon= »fa-whatsapp » style= »outlined » color= »custom » icon_color= »#69db43″ bg_color= »#69db43″ title= »Outlined Circle Style » type= »circle » external= » »]
[/us_iconbox]
[us_iconbox icon= »fa-cube » style= »outlined » color= »custom » icon_color= »#8224e3″ bg_color= »#ffbd23″ title= »Outlined Circle Style » type= »circle » external= » »]
[/us_iconbox]
[us_iconbox icon= »fa-ship » style= »outlined » color= »custom » icon_color= »#1e73be » bg_color= »#1e73be » title= »Outlined Circle Style » type= »circle » external= » »]
[/us_iconbox]
[us_iconbox icon= »fa-subway » style= »outlined » color= »custom » icon_color= »#ffbd23″ bg_color= »#dd3333″ title= »Outlined Circle Style » type= »circle » external= » »]
[/us_iconbox]
[us_separator type= »invisible » size= »small »]
[us_iconbox icon= »fa-diamond » style= »circle » color= »custom » icon_color= »#ffffff » bg_color= »#00bcd4″ title= »Solid Circle Style » type= »circle » external= » »]
[/us_iconbox]
[us_iconbox icon= »fa-gear » style= »circle » color= »custom » icon_color= »#fff1c4″ bg_color= »#009688″ title= »Solid Circle Style » type= »circle » external= » »]
[/us_iconbox]
[us_iconbox icon= »fa-comments » style= »circle » color= »custom » icon_color= »#5c6bc0″ bg_color= »#ffd54f » title= »Solid Circle Style » type= »circle » external= » »]
[/us_iconbox]
[us_iconbox icon= »fa-cloud » style= »circle » color= »custom » icon_color= »#c5e1a5″ bg_color= »#455a64″ title= »Solid Circle Style » type= »circle » external= » »]
[/us_iconbox]
[us_separator type= »invisible » size= »huge »]

2 Icon Positions

[us_separator type= »invisible »]
[us_iconbox icon= »fa-tree » style= » » title= »Top Icon Position » type= »default » external= » »]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox]

[us_iconbox icon= »fa-lock » style= »outlined » title= »Top Icon Position » type= »circle » external= » »]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox]

[us_iconbox icon= »fa-check-square » style= »circle » title= »Top Icon Position » type= »default » external= » »]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox]

[us_separator type= »invisible »]
[us_iconbox icon= »fa-briefcase » style= » » iconpos= »left » title= »Left Icon Position » type= »default » external= » »]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.

[/us_iconbox]

[us_iconbox icon= »fa-search » style= »outlined » iconpos= »left » title= »Left Icon Position » type= »circle » external= » »]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles.

[/us_iconbox]

[us_iconbox icon= »fa-shopping-cart » style= »circle » iconpos= »left » title= »Left Icon Position » type= »default » external= » »]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles.

[/us_iconbox]

[us_separator type= »invisible » size= »huge »]

Unlimited Sizes

[us_separator type= »invisible »]
[us_iconbox icon= »fa-birthday-cake » size= »20px » title= »20px Size » link= »url:%23″ type= »default » external= » »][/us_iconbox]
[us_iconbox icon= »fa-birthday-cake » size= »30px » title= »30px Size » link= »url:%23″ type= »default » external= » »][/us_iconbox]
[us_iconbox icon= »fa-birthday-cake » size= »40px » title= »40px Size » link= »url:%23″ type= »default » external= » »][/us_iconbox]
[us_iconbox icon= »fa-birthday-cake » size= »50px » title= »50px Size » link= »url:%23″ type= »default » external= » »][/us_iconbox]
[us_iconbox icon= »fa-birthday-cake » size= »60px » title= »60px Size » link= »url:%23″ type= »default » external= » »][/us_iconbox]
[us_iconbox icon= »fa-birthday-cake » size= »70px » title= »70px Size » link= »url:%23″ type= »default » external= » »][/us_iconbox]
[us_separator type= »invisible »]
[us_iconbox icon= »fa-birthday-cake » style= »circle » size= »20px » title= »20px Size » link= »url:%23″ type= »default » external= » »][/us_iconbox]
[us_iconbox icon= »fa-birthday-cake » style= »circle » size= »30px » title= »30px Size » link= »url:%23″ type= »default » external= » »][/us_iconbox]
[us_iconbox icon= »fa-birthday-cake » style= »circle » size= »40px » title= »40px Size » link= »url:%23″ type= »default » external= » »][/us_iconbox]
[us_iconbox icon= »fa-birthday-cake » style= »circle » size= »50px » title= »50px Size » link= »url:%23″ type= »default » external= » »][/us_iconbox]
[us_iconbox icon= »fa-birthday-cake » style= »circle » size= »60px » title= »60px Size » link= »url:%23″ type= »default » external= » »][/us_iconbox]
[us_iconbox icon= »fa-birthday-cake » style= »circle » size= »70px » title= »70px Size » link= »url:%23″ type= »default » external= » »][/us_iconbox]