图标

[vc_row full_width=”stretch_row” parallax=”content-moving” css=”.vc_custom_1430236236912{顶部填充: 35像素 !重要的;填充底部: 60像素 !重要的;背景图: 网址('http://vcpreview.com/wp-content/uploads/2015/01/background_flat.png?id=23’)!重要的 ;背景位置: 中心;背景重复: 不重复;背景大小:覆盖 !重要的;}”][vc_column][vc_custom_heading text=”Icons Element” font_container=”tag:小时2|字体大小:46|文本对齐:左边|颜色:%23噗噗噗|行高:1.5″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式: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{顶部边距: -15像素 !重要的;}”]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:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” css=”.vc_custom_1422973405213{填充底部: 15像素 !重要的;}”][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{填充底部: 35像素 !重要的;}”][vc_column width=”1/6″][vc_icon icon_fontawesome=”fa fa-anchor” color=”custom” size=”lg” align=”中心” 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=”中心” 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=”中心” 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=”中心” 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=”中心” custom_color=”#3a3a3a”][/vc_column][vc_column width=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-camera” color=”custom” size=”lg” align=”中心” custom_color=”#3a3a3a”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Icon Colors” font_container=”tag:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” css=”.vc_custom_1422973642666{填充底部: 15像素 !重要的;}”][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{填充底部: 35像素 !重要的;}”][vc_column width=”1/6″][vc_icon icon_fontawesome=”fa fa-comment” size=”lg” align=”中心”][/vc_column][vc_column width=”1/6″][vc_icon type=”openiconic” icon_openiconic=”vc-oi vc-oi-mobile” color=”sandy_brown” size=”lg” align=”中心”][/vc_column][vc_column width=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-cancel” color=”pink” size=”lg” align=”中心”][/vc_column][vc_column width=”1/6″][vc_icon type=”entypo” icon_entypo=”entypo-icon entypo-icon-bag” color=”chino” size=”lg” align=”中心”][/vc_column][vc_column width=”1/6″][vc_icon type=”linecons” icon_linecons=”vc_li vc_li-lab” color=”orange” size=”lg” align=”中心”][/vc_column][vc_column width=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-flash-outline” color=”purple” size=”lg” align=”中心”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Background Shapes” font_container=”tag:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” css=”.vc_custom_1422973888397{填充底部: 15像素 !重要的;}”][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{填充底部: 35像素 !重要的;}”][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=”中心”][/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=”中心”][/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=”中心”][/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=”中心”][/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=”中心”][/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=”中心”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Custom Background Colors” font_container=”tag:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” css=”.vc_custom_1435765089317{填充底部: 15像素 !重要的;}”][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{填充底部: 35像素 !重要的;}”][vc_column width=”1/6″][vc_icon icon_fontawesome=”fa fa-leaf” color=”custom” background_style=”rounded-less” background_color=”custom” size=”lg” align=”中心” custom_color=”#噗噗噗” 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=”中心” 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=”中心” 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=”中心” 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=”中心” 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=”中心” custom_background_color=”#645ce0″][/vc_column][/vc_row][vc_row full_width=”stretch_row” parallax=”content-moving” css=”.vc_custom_1430230577382{margin-bottom: -1像素 !重要的;顶部填充: 35像素 !重要的;填充底部: 45像素 !重要的;背景图: 网址('http://vcpreview.com/wp-content/uploads/2015/01/background_flat.png?id=23’)!重要的 ;背景位置: 中心;背景重复: 不重复;背景大小:覆盖;}”][vc_column][vc_custom_heading text=”Want Some More?” font_container=”tag:小时4|字体大小:38|文本对齐:中心|颜色:%23噗噗噗|行高:1.2″ google_fonts=”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text css=”.vc_custom_1430236257178{margin-bottom: 15像素 !重要的;}”]

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=”中心” link=”||” el_class=”vcd_start”][/vc_column][/vc_row]