IconBox

[vc_row][vc_column][vc_column_text]

4 Predefined Colors

[/vc_column_text][us_separator][vc_row_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» size=»50px» title=»Primary Icon Color»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» color=»secondary» size=»50px» title=»Secondary Icon Color»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» color=»contrast» size=»50px» title=»Contrast Icon Color»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» color=»light» size=»50px» title=»Light Icon Color»][/us_iconbox][/vc_column_inner][/vc_row_inner][us_separator size=»small»][vc_row_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» style=»circle» title=»Primary Icon Color» link=»url:%23″][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» color=»secondary» style=»circle» title=»Secondary Icon Color» link=»url:%23″][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» color=»contrast» style=»circle» title=»Contrast Icon Color» link=»url:%23″][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|grade» color=»light» style=»circle» title=»Light Icon Color» link=»url:%23″][/us_iconbox][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row color_scheme=»alternate»][vc_column][vc_column_text]

Unlimited Custom Colors

[/vc_column_text][us_separator][vc_row_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|assignment_turned_in» color=»custom» icon_color=»#ef5350″ size=»50px» title=»Simple Icon Style»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|open_with» color=»custom» icon_color=»#8bc34a» size=»50px» title=»Simple Icon Style»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|lock» color=»custom» icon_color=»#9c27b0″ size=»50px» title=»Simple Icon Style»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|language» color=»custom» icon_color=»#2196f3″ size=»50px» title=»Simple Icon Style»][/us_iconbox][/vc_column_inner][/vc_row_inner][us_separator size=»small»][vc_row_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|polymer» color=»custom» style=»circle» icon_color=»#ffffff» title=»Circle Icon Style» circle_color=»#00bcd4″][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|settings» color=»custom» style=»circle» icon_color=»#fff1c4″ title=»Circle Icon Style» circle_color=»#009688″][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|question_answer» color=»custom» style=»circle» icon_color=»#5c6bc0″ title=»Circle Icon Style» circle_color=»#ffd54f»][/us_iconbox][/vc_column_inner][vc_column_inner width=»1/4″][us_iconbox icon=»material|track_changes» color=»custom» style=»circle» icon_color=»#c5e1a5″ title=»Circle Icon Style» circle_color=»#455a64″][/us_iconbox][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]

2 Icon Positions

[/vc_column_text][us_separator][vc_row_inner][vc_column_inner width=»1/3″][us_iconbox icon=»material|query_builder» size=»50px» title=»Top Icon Position»]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox][/vc_column_inner][vc_column_inner width=»1/3″][us_iconbox icon=»material|lock_outline» style=»circle» title=»Top Icon Position»]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox][/vc_column_inner][vc_column_inner width=»1/3″][us_iconbox icon=»material|verified_user» size=»50px» title=»Top Icon Position»]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox][/vc_column_inner][/vc_row_inner][us_separator][vc_row_inner][vc_column_inner width=»1/3″][us_iconbox icon=»material|wallet_travel» size=»50px» iconpos=»left» title=»Left Icon Position» alignment=»left»]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.[/us_iconbox][/vc_column_inner][vc_column_inner width=»1/3″][us_iconbox icon=»material|search» style=»circle» iconpos=»left» title=»Left Icon Position» alignment=»left»]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.[/us_iconbox][/vc_column_inner][vc_column_inner width=»1/3″][us_iconbox icon=»material|shopping_cart» size=»50px» iconpos=»left» title=»Left Icon Position» alignment=»left»]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.[/us_iconbox][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row color_scheme=»alternate»][vc_column][vc_column_text]

5 IconBox Sizes

[/vc_column_text][us_separator][vc_row_inner][vc_column_inner width=»1/3″][us_iconbox icon=»material|cake» size=»28px» title=»Tiny Size» title_size=»18px» link=»url:%23″]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox][/vc_column_inner][vc_column_inner width=»1/3″][us_iconbox icon=»material|cake» title=»Small Size» title_size=»20px» link=»url:%23″]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox][/vc_column_inner][vc_column_inner width=»1/3″][us_iconbox icon=»material|cake» size=»50px» title=»Medium Size» link=»url:%23″]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox][/vc_column_inner][/vc_row_inner][us_separator][vc_row_inner][vc_column_inner width=»1/2″][us_iconbox icon=»material|cake» size=»70px» title=»Large Size» link=»url:%23″]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox][/vc_column_inner][vc_column_inner width=»1/2″][us_iconbox icon=»material|cake» size=»100px» title=»Huge Size» link=»url:%23″]Imagination is more important than knowledge. Imagination encircles the world.[/us_iconbox][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]