IconBoxes

Home » Shortcodes » IconBoxes
[vc_row columns_type= »default » section= » » full_width= » » full_height= » » parallax_bg_width= »110″ parallax_reverse= » » video= » » bg_type= »no_bg » bg_grad= »background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E3E3E3));background: -moz-linear-gradient(top,#E3E3E3 0%);background: -webkit-linear-gradient(top,#E3E3E3 0%);background: -o-linear-gradient(top,#E3E3E3 0%);background: -ms-linear-gradient(top,#E3E3E3 0%);background: linear-gradient(top,#E3E3E3 0%); » parallax_style= »vcpb-default » bg_image_repeat= »repeat » bg_image_size= »cover » bg_img_attach= »scroll » parallax_sense= »30″ animation_direction= »left-animation » animation_repeat= »repeat » video_opts= » » viewport_vdo= »off » enable_controls= »off » bg_override= »0″ parallax_content_sense= »30″ fadeout_start_effect= »30″ overlay_pattern_opacity= »80″ overlay_pattern_attachment= »fixed » multi_color_overlay= » » multi_color_overlay_opacity= »60″ seperator_type= »none_seperator » seperator_position= »top_seperator » seperator_shape_size= »40″ seperator_svg_height= »60″ seperator_shape_background= »#ffffff » seperator_shape_border= »none » seperator_shape_border_width= »1″ icon_type= »no_icon » icon_size= »32″ icon_style= »none » icon_color_border= »#333333″ icon_border_size= »1″ icon_border_radius= »500″ icon_border_spacing= »50″ img_width= »48″ ult_hide_row_large_screen= »off » ult_hide_row_desktop= »off » ult_hide_row_tablet= »off » ult_hide_row_tablet_small= »off » ult_hide_row_mobile= »off » ult_hide_row_mobile_large= »off »][vc_column width= »1/1″][vc_column_text]

4 Icon Styles and 3 Predefined Colors

[/vc_column_text][vc_separator type= »invisible »][vc_row_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »star » type= »default » color= »primary » iconpos= »top » size= »medium » title= »Primary Icon Color » icon_style= »default » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »star » type= »default » color= »secondary » iconpos= »top » size= »medium » title= »Secondary Icon Color » icon_style= »default » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »star » type= »default » color= »contrast » iconpos= »top » size= »medium » title= »Contrast Icon Color » icon_style= »default » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »star » type= »default » color= »light » iconpos= »top » size= »medium » title= »Light Icon Color » icon_style= »default » external= » »][/vc_iconbox][/vc_column_inner][/vc_row_inner][vc_separator type= »invisible » size= »small »][vc_row_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »star » type= »circle » color= »primary » iconpos= »top » size= »medium » title= »Primary Icon Color » link= »# » icon_style= »circle_outlined » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »star » type= »circle » color= »secondary » iconpos= »top » size= »medium » title= »Secondary Icon Color » link= »# » icon_style= »circle_outlined » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »star » type= »circle » color= »contrast » iconpos= »top » size= »medium » title= »Contrast Icon Color » link= »# » icon_style= »circle_outlined » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »star » type= »circle » color= »light » iconpos= »top » size= »medium » title= »Light Icon Color » link= »# » icon_style= »circle_outlined » external= » »][/vc_iconbox][/vc_column_inner][/vc_row_inner][vc_separator type= »invisible » size= »small »][vc_row_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »star » type= »circle » color= »primary » iconpos= »top » size= »medium » title= »Primary Icon Color » link= »# » icon_style= »circle_solid » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »star » type= »circle » color= »secondary » iconpos= »top » size= »medium » title= »Secondary Icon Color » link= »# » icon_style= »circle_solid » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »star » type= »circle » color= »contrast » iconpos= »top » size= »medium » title= »Contrast Icon Color » link= »# » icon_style= »circle_solid » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »star » type= »circle » color= »light » iconpos= »top » size= »medium » title= »Light Icon Color » link= »# » icon_style= »circle_solid » external= » »][/vc_iconbox][/vc_column_inner][/vc_row_inner][vc_separator][/vc_column][/vc_row][vc_row section= » » columns_type= »default » full_width= » » full_height= » » parallax_bg_width= »110″ parallax_reverse= » » video= » » bg_type= »no_bg » bg_grad= »background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E3E3E3));background: -moz-linear-gradient(top,#E3E3E3 0%);background: -webkit-linear-gradient(top,#E3E3E3 0%);background: -o-linear-gradient(top,#E3E3E3 0%);background: -ms-linear-gradient(top,#E3E3E3 0%);background: linear-gradient(top,#E3E3E3 0%); » parallax_style= »vcpb-default » bg_image_repeat= »repeat » bg_image_size= »cover » bg_img_attach= »scroll » parallax_sense= »30″ animation_direction= »left-animation » animation_repeat= »repeat » video_opts= » » viewport_vdo= »off » enable_controls= »off » bg_override= »0″ parallax_content_sense= »30″ fadeout_start_effect= »30″ overlay_pattern_opacity= »80″ overlay_pattern_attachment= »fixed » multi_color_overlay= » » multi_color_overlay_opacity= »60″ seperator_type= »none_seperator » seperator_position= »top_seperator » seperator_shape_size= »40″ seperator_svg_height= »60″ seperator_shape_background= »#ffffff » seperator_shape_border= »none » seperator_shape_border_width= »1″ icon_type= »no_icon » icon_size= »32″ icon_style= »none » icon_color_border= »#333333″ icon_border_size= »1″ icon_border_radius= »500″ icon_border_spacing= »50″ img_width= »48″ ult_hide_row_large_screen= »off » ult_hide_row_desktop= »off » ult_hide_row_tablet= »off » ult_hide_row_tablet_small= »off » ult_hide_row_mobile= »off » ult_hide_row_mobile_large= »off »][vc_column width= »1/1″][vc_column_text]

Unlimited Custom Colors

[/vc_column_text][vc_separator type= »invisible »][vc_row_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »check-square » type= »default » color= »custom » iconpos= »top » size= »medium » title= »Simple Icon Style » icon_color= »#ef5350″ icon_style= »default » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »arrows » type= »default » color= »custom » iconpos= »top » size= »medium » title= »Simple Icon Style » icon_color= »#8bc34a » icon_style= »default » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »lock » type= »default » color= »custom » iconpos= »top » size= »medium » title= »Simple Icon Style » icon_color= »#9c27b0″ icon_style= »default » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »globe » type= »default » color= »custom » iconpos= »top » size= »medium » title= »Simple Icon Style » icon_color= »#2196f3″ icon_style= »default » external= » »][/vc_iconbox][/vc_column_inner][/vc_row_inner][vc_separator type= »invisible » size= »small »][vc_row_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »whatsapp » type= »circle » color= »custom » iconpos= »top » size= »medium » title= »Outlined Circle Style » icon_color= »#69db43″ bg_color= »#69db43″ icon_style= »circle_outlined » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »cube » type= »circle » color= »custom » iconpos= »top » size= »medium » icon_color= »#8224e3″ bg_color= »#ffbd23″ icon_style= »circle_outlined » external= » » title= »Outlined Circle Style »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »ship » type= »circle » color= »custom » iconpos= »top » size= »medium » title= »Outlined Circle Style » icon_color= »#1e73be » bg_color= »#1e73be » icon_style= »circle_outlined » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »subway » type= »circle » color= »custom » iconpos= »top » size= »medium » title= »Outlined Circle Style » icon_color= »#ffbd23″ bg_color= »#dd3333″ icon_style= »circle_outlined » external= » »][/vc_iconbox][/vc_column_inner][/vc_row_inner][vc_separator type= »invisible » size= »small »][vc_row_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »diamond » type= »circle » color= »custom » iconpos= »top » size= »medium » title= »Solid Circle Style » icon_color= »#ffffff » bg_color= »#00bcd4″ icon_style= »circle_solid » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »gear » type= »circle » color= »custom » iconpos= »top » size= »medium » title= »Solid Circle Style » icon_color= »#fff1c4″ bg_color= »#009688″ icon_style= »circle_solid » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »comments » type= »circle » color= »custom » iconpos= »top » size= »medium » title= »Solid Circle Style » icon_color= »#5c6bc0″ bg_color= »#ffd54f » icon_style= »circle_solid » external= » »][/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/4″][vc_iconbox icon= »cloud » type= »circle » color= »custom » iconpos= »top » size= »medium » title= »Solid Circle Style » icon_color= »#c5e1a5″ bg_color= »#455a64″ icon_style= »circle_solid » external= » »][/vc_iconbox][/vc_column_inner][/vc_row_inner][vc_separator][/vc_column][/vc_row][vc_row columns_type= »default » section= » » full_width= » » full_height= » » parallax_bg_width= »110″ parallax_reverse= » » video= » » bg_type= »no_bg » bg_grad= »background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E3E3E3));background: -moz-linear-gradient(top,#E3E3E3 0%);background: -webkit-linear-gradient(top,#E3E3E3 0%);background: -o-linear-gradient(top,#E3E3E3 0%);background: -ms-linear-gradient(top,#E3E3E3 0%);background: linear-gradient(top,#E3E3E3 0%); » parallax_style= »vcpb-default » bg_image_repeat= »repeat » bg_image_size= »cover » bg_img_attach= »scroll » parallax_sense= »30″ animation_direction= »left-animation » animation_repeat= »repeat » video_opts= » » viewport_vdo= »off » enable_controls= »off » bg_override= »0″ parallax_content_sense= »30″ fadeout_start_effect= »30″ overlay_pattern_opacity= »80″ overlay_pattern_attachment= »fixed » multi_color_overlay= » » multi_color_overlay_opacity= »60″ seperator_type= »none_seperator » seperator_position= »top_seperator » seperator_shape_size= »40″ seperator_svg_height= »60″ seperator_shape_background= »#ffffff » seperator_shape_border= »none » seperator_shape_border_width= »1″ icon_type= »no_icon » icon_size= »32″ icon_style= »none » icon_color_border= »#333333″ icon_border_size= »1″ icon_border_radius= »500″ icon_border_spacing= »50″ img_width= »48″ ult_hide_row_large_screen= »off » ult_hide_row_desktop= »off » ult_hide_row_tablet= »off » ult_hide_row_tablet_small= »off » ult_hide_row_mobile= »off » ult_hide_row_mobile_large= »off »][vc_column width= »1/1″][vc_column_text]

2 Icon Positions

[/vc_column_text][vc_separator type= »invisible »][vc_row_inner][vc_column_inner width= »1/3″][vc_iconbox icon= »tree » type= »default » color= »primary » iconpos= »top » size= »medium » title= »Top Icon Position » icon_style= »default » external= » »]Imagination is more important than knowledge. Imagination encircles the world.[/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/3″][vc_iconbox icon= »lock » type= »circle » color= »primary » iconpos= »top » size= »medium » title= »Top Icon Position » icon_style= »circle_outlined » external= » »]Imagination is more important than knowledge. Imagination encircles the world.[/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/3″][vc_iconbox icon= »check-square » type= »default » color= »primary » iconpos= »top » size= »medium » title= »Top Icon Position » icon_style= »circle_solid » external= » »]Imagination is more important than knowledge. Imagination encircles the world.[/vc_iconbox][/vc_column_inner][/vc_row_inner][vc_separator type= »invisible »][vc_row_inner][vc_column_inner width= »1/3″][vc_iconbox icon= »briefcase » type= »default » color= »primary » iconpos= »left » size= »medium » title= »Left Icon Position » icon_style= »default » external= » »]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.[/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/3″][vc_iconbox icon= »search » type= »circle » color= »primary » iconpos= »left » size= »medium » title= »Left Icon Position » icon_style= »circle_outlined » external= » »]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.[/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/3″][vc_iconbox icon= »shopping-cart » type= »default » color= »primary » iconpos= »left » size= »medium » title= »Left Icon Position » icon_style= »circle_solid » external= » »]Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world.[/vc_iconbox][/vc_column_inner][/vc_row_inner][vc_separator][/vc_column][/vc_row][vc_row section= » » columns_type= »default » full_width= » » full_height= » » parallax_bg_width= »110″ parallax_reverse= » » video= » » bg_type= »no_bg » bg_grad= »background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E3E3E3));background: -moz-linear-gradient(top,#E3E3E3 0%);background: -webkit-linear-gradient(top,#E3E3E3 0%);background: -o-linear-gradient(top,#E3E3E3 0%);background: -ms-linear-gradient(top,#E3E3E3 0%);background: linear-gradient(top,#E3E3E3 0%); » parallax_style= »vcpb-default » bg_image_repeat= »repeat » bg_image_size= »cover » bg_img_attach= »scroll » parallax_sense= »30″ animation_direction= »left-animation » animation_repeat= »repeat » video_opts= » » viewport_vdo= »off » enable_controls= »off » bg_override= »0″ parallax_content_sense= »30″ fadeout_start_effect= »30″ overlay_pattern_opacity= »80″ overlay_pattern_attachment= »fixed » multi_color_overlay= » » multi_color_overlay_opacity= »60″ seperator_type= »none_seperator » seperator_position= »top_seperator » seperator_shape_size= »40″ seperator_svg_height= »60″ seperator_shape_background= »#ffffff » seperator_shape_border= »none » seperator_shape_border_width= »1″ icon_type= »no_icon » icon_size= »32″ icon_style= »none » icon_color_border= »#333333″ icon_border_size= »1″ icon_border_radius= »500″ icon_border_spacing= »50″ img_width= »48″ ult_hide_row_large_screen= »off » ult_hide_row_desktop= »off » ult_hide_row_tablet= »off » ult_hide_row_tablet_small= »off » ult_hide_row_mobile= »off » ult_hide_row_mobile_large= »off »][vc_column width= »1/1″][vc_column_text]

5 IconBox Sizes

[/vc_column_text][vc_separator type= »invisible »][vc_row_inner][vc_column_inner width= »1/3″][vc_iconbox icon= »birthday-cake » type= »default » color= »primary » iconpos= »top » size= »tiny » title= »Tiny Size » link= »# » icon_style= »default » external= » »]Imagination is more important than knowledge. Imagination encircles the world.[/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/3″][vc_iconbox icon= »birthday-cake » type= »default » color= »primary » iconpos= »top » size= »small » title= »Small Size » link= »# » icon_style= »default » external= » »]Imagination is more important than knowledge. Imagination encircles the world.[/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/3″][vc_iconbox icon= »birthday-cake » type= »default » color= »primary » iconpos= »top » size= »medium » title= »Medium Size » link= »# » icon_style= »default » external= » »]Imagination is more important than knowledge. Imagination encircles the world.[/vc_iconbox][/vc_column_inner][/vc_row_inner][vc_separator type= »invisible »][vc_row_inner][vc_column_inner width= »1/2″][vc_iconbox icon= »birthday-cake » type= »default » color= »primary » iconpos= »top » size= »big » title= »Large Size » link= »# » icon_style= »default » external= » »]Imagination is more important than knowledge. Imagination encircles the world.[/vc_iconbox][/vc_column_inner][vc_column_inner width= »1/2″][vc_iconbox icon= »birthday-cake » type= »default » color= »primary » iconpos= »top » size= »huge » title= »Huge Size » link= »# » icon_style= »default » external= » »]Imagination is more important than knowledge. Imagination encircles the world.[/vc_iconbox][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]