IconBox

[vc_row][vc_column][vc_column_text]

3 Icon Styles & 4 Predefined Colors

[/vc_column_text][us_separator type="invisible"][vc_row_inner][vc_column_inner width="1/4"][us_iconbox title="Primary Icon Color" style="" type="default" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox color="secondary" title="Secondary Icon Color" style="" type="default" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox color="contrast" title="Contrast Icon Color" style="" type="default" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox color="light" title="Light Icon Color" style="" type="default" external=""] [/us_iconbox][/vc_column_inner][/vc_row_inner][us_separator type="invisible" size="small"][vc_row_inner][vc_column_inner width="1/4"][us_iconbox title="Primary Icon Color" link="url:%23" style="outlined" type="circle" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox color="secondary" title="Secondary Icon Color" link="url:%23" style="outlined" type="circle" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox color="contrast" title="Contrast Icon Color" link="url:%23" style="outlined" type="circle" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox color="light" title="Light Icon Color" link="url:%23" style="outlined" type="circle" external=""] [/us_iconbox][/vc_column_inner][/vc_row_inner][us_separator type="invisible" size="small"][vc_row_inner][vc_column_inner width="1/4"][us_iconbox title="Primary Icon Color" link="url:%23" style="circle" type="circle" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox color="secondary" title="Secondary Icon Color" link="url:%23" style="circle" type="circle" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox color="contrast" title="Contrast Icon Color" link="url:%23" style="circle" type="circle" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox color="light" title="Light Icon Color" link="url:%23" style="circle" type="circle" external=""] [/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 type="invisible"][vc_row_inner][vc_column_inner width="1/4"][us_iconbox icon="check-square" color="custom" icon_color="#ef5350" title="Simple Icon Style" style="" type="default" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox icon="arrows" color="custom" icon_color="#8bc34a" title="Simple Icon Style" style="" type="default" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox icon="lock" color="custom" icon_color="#9c27b0" title="Simple Icon Style" style="" type="default" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox icon="globe" color="custom" icon_color="#2196f3" title="Simple Icon Style" style="" type="default" external=""] [/us_iconbox][/vc_column_inner][/vc_row_inner][us_separator type="invisible" size="small"][vc_row_inner][vc_column_inner width="1/4"][us_iconbox icon="whatsapp" color="custom" icon_color="#69db43" bg_color="#69db43" title="Outlined Circle Style" style="outlined" type="circle" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox icon="cube" color="custom" icon_color="#8224e3" bg_color="#ffbd23" title="Outlined Circle Style" style="outlined" type="circle" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox icon="ship" color="custom" icon_color="#1e73be" bg_color="#1e73be" title="Outlined Circle Style" style="outlined" type="circle" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox icon="subway" color="custom" icon_color="#ffbd23" bg_color="#dd3333" title="Outlined Circle Style" style="outlined" type="circle" external=""] [/us_iconbox][/vc_column_inner][/vc_row_inner][us_separator type="invisible" size="small"][vc_row_inner][vc_column_inner width="1/4"][us_iconbox icon="diamond" color="custom" icon_color="#ffffff" bg_color="#00bcd4" title="Solid Circle Style" style="circle" type="circle" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox icon="gear" color="custom" icon_color="#fff1c4" bg_color="#009688" title="Solid Circle Style" style="circle" type="circle" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox icon="comments" color="custom" icon_color="#5c6bc0" bg_color="#ffd54f" title="Solid Circle Style" style="circle" type="circle" external=""] [/us_iconbox][/vc_column_inner][vc_column_inner width="1/4"][us_iconbox icon="cloud" color="custom" icon_color="#c5e1a5" bg_color="#455a64" title="Solid Circle Style" style="circle" type="circle" external=""] [/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 type="invisible"][vc_row_inner][vc_column_inner width="1/3"][us_iconbox icon="tree" title="Top Icon Position" style="" type="default" external=""]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox][/vc_column_inner][vc_column_inner width="1/3"][us_iconbox icon="lock" title="Top Icon Position" style="outlined" type="circle" external=""]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox][/vc_column_inner][vc_column_inner width="1/3"][us_iconbox icon="check-square" title="Top Icon Position" style="circle" type="default" external=""]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox][/vc_column_inner][/vc_row_inner][us_separator type="invisible"][vc_row_inner][vc_column_inner width="1/3"][us_iconbox icon="briefcase" iconpos="left" title="Left Icon Position" style="" type="default" external=""]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="search" iconpos="left" title="Left Icon Position" style="outlined" type="circle" external=""]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="shopping-cart" iconpos="left" title="Left Icon Position" style="circle" type="default" external=""]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 type="invisible"][vc_row_inner][vc_column_inner width="1/3"][us_iconbox icon="birthday-cake" size="tiny" title="Tiny Size" link="url:%23" style="" type="default" external=""]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox][/vc_column_inner][vc_column_inner width="1/3"][us_iconbox icon="birthday-cake" size="small" title="Small Size" link="url:%23" style="" type="default" external=""]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox][/vc_column_inner][vc_column_inner width="1/3"][us_iconbox icon="birthday-cake" title="Medium Size" link="url:%23" style="" type="default" external=""]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox][/vc_column_inner][/vc_row_inner][us_separator type="invisible"][vc_row_inner][vc_column_inner width="1/2"][us_iconbox icon="birthday-cake" size="large" title="Large Size" link="url:%23" style="" type="default" external=""]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox][/vc_column_inner][vc_column_inner width="1/2"][us_iconbox icon="birthday-cake" size="huge" title="Huge Size" link="url:%23" style="" type="default" external=""]Imagination is more important than knowledge. Imagination encircles the world.

[/us_iconbox][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]