Icons

[vc_row full_width=”stretch_row” parallax=”content-moving” css=”.vc_custom_1430236236912{padding-top: 35px !important;padding-bottom: 60px !important;background-image: url(‘http://vcpreview.com/wp-content/uploads/2015/01/background_flat.png?id=23’)!important ;background-position: center;background-repeat: no-repeat;background-size:cover !important;}”][vc_column][vc_custom_heading text=”Icons Element” font_container=”tag:h2|font_size:46|text_align:left|color:%23ffffff|line_height:1.5″ google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:700%20bold%20regular%3A700%3Anormal”][vc_separator align=”align_left” border_width=”3″ el_width=”50″ el_class=”separator-in-title”][vc_column_text css=”.vc_custom_1437485704819{margin-top: -15px !important;}”]Add icons to your WordPress site from predefined icon libraries – Font Awesome, Open Iconic, Typicons, Entypo, Linecons.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Icon Libraries” font_container=”tag:h3|font_size:38|text_align:center|color:%233a3a3a|line_height:1.2″ google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” css=”.vc_custom_1422973405213{padding-bottom: 15px !important;}”][vc_column_text]

Visual Composer Icon content element allows adding icons from 5 different libraries to your WordPress site.

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959791599{padding-bottom: 35px !important;}”][vc_column width=”1/6″][vc_icon icon_fontawesome=”fa fa-anchor” color=”custom” size=”lg” align=”center” custom_color=”#3a3a3a”][/vc_column][vc_column width=”1/6″][vc_icon type=”openiconic” icon_openiconic=”vc-oi vc-oi-umbrella” color=”custom” size=”lg” align=”center” custom_color=”#3a3a3a”][/vc_column][vc_column width=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-battery-mid” color=”custom” size=”lg” align=”center” custom_color=”#3a3a3a”][/vc_column][vc_column width=”1/6″][vc_icon type=”entypo” icon_entypo=”entypo-icon entypo-icon-flag” color=”custom” size=”lg” align=”center” custom_color=”#3a3a3a”][/vc_column][vc_column width=”1/6″][vc_icon type=”linecons” icon_linecons=”vc_li vc_li-vynil” color=”custom” size=”lg” align=”center” custom_color=”#3a3a3a”][/vc_column][vc_column width=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-camera” color=”custom” size=”lg” align=”center” custom_color=”#3a3a3a”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Icon Colors” font_container=”tag:h3|font_size:38|text_align:center|color:%233a3a3a|line_height:1.2″ google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” css=”.vc_custom_1422973642666{padding-bottom: 15px !important;}”][vc_column_text]

Each of the icon can be styled by applying different predefined or even custom colors.

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959791599{padding-bottom: 35px !important;}”][vc_column width=”1/6″][vc_icon icon_fontawesome=”fa fa-comment” size=”lg” align=”center”][/vc_column][vc_column width=”1/6″][vc_icon type=”openiconic” icon_openiconic=”vc-oi vc-oi-mobile” color=”sandy_brown” size=”lg” align=”center”][/vc_column][vc_column width=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-cancel” color=”pink” size=”lg” align=”center”][/vc_column][vc_column width=”1/6″][vc_icon type=”entypo” icon_entypo=”entypo-icon entypo-icon-bag” color=”chino” size=”lg” align=”center”][/vc_column][vc_column width=”1/6″][vc_icon type=”linecons” icon_linecons=”vc_li vc_li-lab” color=”orange” size=”lg” align=”center”][/vc_column][vc_column width=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-flash-outline” color=”purple” size=”lg” align=”center”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Background Shapes” font_container=”tag:h3|font_size:38|text_align:center|color:%233a3a3a|line_height:1.2″ google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” css=”.vc_custom_1422973888397{padding-bottom: 15px !important;}”][vc_column_text]

It is really easy to add background, set color and shape to drag even more attention or ensure that it will perfectly into your WordPress site.

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959791599{padding-bottom: 35px !important;}”][vc_column width=”1/6″][vc_icon icon_fontawesome=”fa fa-graduation-cap” color=”white” background_style=”rounded” background_color=”mulled_wine” size=”lg” align=”center”][/vc_column][vc_column width=”1/6″][vc_icon type=”openiconic” icon_openiconic=”vc-oi vc-oi-comment” color=”grey” background_style=”boxed” background_color=”green” size=”lg” align=”center”][/vc_column][vc_column width=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-home” color=”orange” background_style=”rounded-less” background_color=”violet” size=”lg” align=”center”][/vc_column][vc_column width=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-arrow-shuffle” color=”pink” background_style=”rounded-outline” background_color=”pink” size=”lg” align=”center”][/vc_column][vc_column width=”1/6″][vc_icon type=”linecons” icon_linecons=”vc_li vc_li-cloud” color=”sky” background_style=”boxed-outline” background_color=”sky” size=”lg” align=”center”][/vc_column][vc_column width=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-at” color=”vista_blue” background_style=”rounded-less-outline” background_color=”vista_blue” size=”lg” align=”center”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Custom Background Colors” font_container=”tag:h3|font_size:38|text_align:center|color:%233a3a3a|line_height:1.2″ google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” css=”.vc_custom_1435765089317{padding-bottom: 15px !important;}”][vc_column_text]

In icon element you can control both – icon and background colors which allows you perfectly align your site with your company corporate identity.

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959791599{padding-bottom: 35px !important;}”][vc_column width=”1/6″][vc_icon icon_fontawesome=”fa fa-leaf” color=”custom” background_style=”rounded-less” background_color=”custom” size=”lg” align=”center” custom_color=”#ffffff” custom_background_color=”#35a075″][/vc_column][vc_column width=”1/6″][vc_icon type=”openiconic” icon_openiconic=”vc-oi vc-oi-umbrella” color=”sandy_brown” background_style=”rounded” background_color=”custom” size=”lg” align=”center” custom_background_color=”#1a64a5″][/vc_column][vc_column width=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-arrow-up-thick” color=”white” background_style=”rounded” background_color=”custom” size=”lg” align=”center” custom_background_color=”#ea5959″][/vc_column][vc_column width=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-chart-line” color=”white” background_style=”rounded-less” background_color=”custom” size=”lg” align=”center” custom_background_color=”#dd4f9d”][/vc_column][vc_column width=”1/6″][vc_icon type=”linecons” icon_linecons=”vc_li vc_li-lab” color=”custom” background_style=”rounded-less” background_color=”custom” size=”lg” align=”center” custom_color=”#f7dd38″ custom_background_color=”#18ba97″][/vc_column][vc_column width=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-flash-outline” color=”white” background_style=”rounded” background_color=”custom” size=”lg” align=”center” custom_background_color=”#645ce0″][/vc_column][/vc_row][vc_row full_width=”stretch_row” parallax=”content-moving” css=”.vc_custom_1430230577382{margin-bottom: -1px !important;padding-top: 35px !important;padding-bottom: 45px !important;background-image: url(‘http://vcpreview.com/wp-content/uploads/2015/01/background_flat.png?id=23’)!important ;background-position: center;background-repeat: no-repeat;background-size:cover;}”][vc_column][vc_custom_heading text=”Want Some More?” font_container=”tag:h4|font_size:38|text_align:center|color:%23ffffff|line_height:1.2″ google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal”][vc_column_text css=”.vc_custom_1430236257178{margin-bottom: 15px !important;}”]

Why don’t you test it yourself? You are only one click away from your personal demo which allow you to access of the elements and see how easy it is to work with Visual Composer Page Builder for WordPress.

[/vc_column_text][vc_btn title=”Launch My Demo Site” style=”flat” color=”juicy-pink” size=”lg” align=”center” link=”||” el_class=”vcd_start”][/vc_column][/vc_row]