4 Predefined Colors

[us_separator type= »invisible »]
[us_iconbox icon= »grade » color= »primary » iconpos= »top » size= »50px » title= »Primary Icon Color » style= »default » link= » »]
[us_iconbox icon= »grade » color= »secondary » iconpos= »top » size= »50px » title= »Secondary Icon Color » style= »default » link= » »]
[us_iconbox icon= »grade » color= »contrast » iconpos= »top » size= »50px » title= »Contrast Icon Color » style= »default » link= » »]
[us_iconbox icon= »grade » color= »light » iconpos= »top » size= »50px » title= »Light Icon Color » style= »default » link= » »]
[us_separator type= »invisible » size= »small »]
[us_iconbox icon= »grade » color= »primary » iconpos= »top » size= »36px » title= »Primary Icon Color » style= »circle » link= »url:%23″]
[us_iconbox icon= »grade » color= »secondary » iconpos= »top » size= »36px » title= »Secondary Icon Color » style= »circle » link= »url:%23″]
[us_iconbox icon= »grade » color= »contrast » iconpos= »top » size= »36px » title= »Contrast Icon Color » style= »circle » link= »url:%23″]
[us_iconbox icon= »grade » color= »light » iconpos= »top » size= »36px » title= »Light Icon Color » style= »circle » link= »url:%23″]

Unlimited Custom Colors

[us_separator type= »invisible »]
[us_iconbox icon= »assignment_turned_in » color= »custom » iconpos= »top » size= »50px » title= »Simple Icon Style » icon_color= »#ef5350″ style= »default » link= » »]
[us_iconbox icon= »open_with » color= »custom » iconpos= »top » size= »50px » title= »Simple Icon Style » icon_color= »#8bc34a » style= »default » link= » »]
[us_iconbox icon= »lock » color= »custom » iconpos= »top » size= »50px » title= »Simple Icon Style » icon_color= »#9c27b0″ style= »default » link= » »]
[us_iconbox icon= »language » color= »custom » iconpos= »top » size= »50px » title= »Simple Icon Style » icon_color= »#2196f3″ style= »default » link= » »]
[us_separator type= »invisible » size= »small »]
[us_iconbox icon= »polymer » color= »custom » iconpos= »top » size= »36px » title= »Circle Icon Style » icon_color= »#ffffff » bg_color= »#00bcd4″ style= »circle » link= » »]
[us_iconbox icon= »settings » color= »custom » iconpos= »top » size= »36px » title= »Circle Icon Style » icon_color= »#fff1c4″ bg_color= »#009688″ style= »circle » link= » »]
[us_iconbox icon= »question_answer » color= »custom » iconpos= »top » size= »36px » title= »Circle Icon Style » icon_color= »#5c6bc0″ bg_color= »#ffd54f » style= »circle » link= » »]
[us_iconbox icon= »track_changes » color= »custom » iconpos= »top » size= »36px » title= »Circle Icon Style » icon_color= »#c5e1a5″ bg_color= »#455a64″ style= »circle » link= » »]

2 Icon Positions

[us_separator type= »invisible »]
[us_iconbox icon= »query_builder » color= »primary » iconpos= »top » size= »50px » title= »Top Icon Position » style= »default » link= » »]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]
[us_iconbox icon= »lock_outline » color= »primary » iconpos= »top » size= »36px » title= »Top Icon Position » style= »circle » link= » »]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]
[us_iconbox icon= »verified_user » color= »primary » iconpos= »top » size= »50px » title= »Top Icon Position » style= »default » link= » »]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]
[us_separator type= »invisible »]
[us_iconbox icon= »wallet_travel » color= »primary » iconpos= »left » size= »50px » title= »Left Icon Position » style= »default » link= » »]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.[/us_iconbox]
[us_iconbox icon= »search » color= »primary » iconpos= »left » size= »36px » title= »Left Icon Position » style= »circle » link= » »]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.[/us_iconbox]
[us_iconbox icon= »shopping_cart » color= »primary » iconpos= »left » size= »50px » title= »Left Icon Position » style= »default » link= » »]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.[/us_iconbox]

5 IconBox Sizes

[us_separator type= »invisible »]
[us_iconbox icon= »cake » color= »primary » iconpos= »top » size= »28px » title= »Tiny Size » style= »default » link= »url:%23″ title_size= »18px »]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]
[us_iconbox icon= »cake » color= »primary » iconpos= »top » size= »36px » title= »Small Size » style= »default » link= »url:%23″ title_size= »20px »]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]
[us_iconbox icon= »cake » color= »primary » iconpos= »top » size= »50px » title= »Medium Size » style= »default » link= »url:%23″]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]
[us_separator type= »invisible »]
[us_iconbox icon= »cake » color= »primary » iconpos= »top » size= »70px » title= »Large Size » style= »default » link= »url:%23″]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]
[us_iconbox icon= »cake » color= »primary » iconpos= »top » size= »100px » title= »Huge Size » style= »default » link= »url:%23″]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox]