IconBox

[vc_row][vc_column][vc_column_text]

4 Predefined Colors

[/vc_column_text][us_separator type=”invisible”][vc_row_inner][vc_column_inner width=”1/4″][us_iconbox icon=”mdfi_action_grade” title=”Primary Icon Color”][/us_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][us_iconbox icon=”mdfi_action_grade” color=”secondary” title=”Secondary Icon Color”][/us_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][us_iconbox icon=”mdfi_action_grade” color=”contrast” title=”Contrast Icon Color”][/us_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][us_iconbox icon=”mdfi_action_grade” color=”light” title=”Light Icon Color”][/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=”mdfi_action_grade” style=”circle” title=”Primary Icon Color” link=”url:%23″][/us_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][us_iconbox icon=”mdfi_action_grade” style=”circle” color=”secondary” title=”Secondary Icon Color” link=”url:%23″][/us_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][us_iconbox icon=”mdfi_action_grade” style=”circle” color=”contrast” title=”Contrast Icon Color” link=”url:%23″][/us_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][us_iconbox icon=”mdfi_action_grade” style=”circle” color=”light” 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 type=”invisible”][vc_row_inner][vc_column_inner width=”1/4″][us_iconbox icon=”mdfi_action_assignment_turned_in” color=”custom” icon_color=”#ef5350″ title=”Simple Icon Style”][/us_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][us_iconbox icon=”mdfi_action_open_with” color=”custom” icon_color=”#8bc34a” title=”Simple Icon Style”][/us_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][us_iconbox icon=” mdfi_action_lock ” color=”custom” icon_color=”#9c27b0″ title=”Simple Icon Style”][/us_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][us_iconbox icon=”mdfi_action_language” color=”custom” icon_color=”#2196f3″ title=”Simple Icon Style”][/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=”mdfi_action_polymer” style=”circle” color=”custom” icon_color=”#ffffff” bg_color=”#00bcd4″ title=”Circle Icon Style”][/us_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][us_iconbox icon=”mdfi_action_settings” style=”circle” color=”custom” icon_color=”#fff1c4″ bg_color=”#009688″ title=”Circle Icon Style”][/us_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][us_iconbox icon=”mdfi_action_question_answer” style=”circle” color=”custom” icon_color=”#5c6bc0″ bg_color=”#ffd54f” title=”Circle Icon Style”][/us_iconbox][/vc_column_inner][vc_column_inner width=”1/4″][us_iconbox icon=”mdfi_action_track_changes” style=”circle” color=”custom” icon_color=”#c5e1a5″ bg_color=”#455a64″ title=”Circle Icon Style”][/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=”mdfi_action_query_builder” 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=”mdfi_action_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=”mdfi_action_verified_user” title=”Top Icon Position”]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=”mdfi_action_wallet_travel” iconpos=”left” title=”Left Icon Position”]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=”mdfi_action_search” style=”circle” iconpos=”left” title=”Left Icon Position”]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=”mdfi_action_shopping_cart” iconpos=”left” title=”Left Icon Position”]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=”mdfi_social_cake” size=”tiny” title=”Tiny Size” 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=”mdfi_social_cake” size=”small” title=”Small Size” 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=”mdfi_social_cake” 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 type=”invisible”][vc_row_inner][vc_column_inner width=”1/2″][us_iconbox icon=”mdfi_social_cake” size=”large” 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=”mdfi_social_cake” size=”huge” 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]

Torna su