图标

[vc_row full_width =”strect_row” 视差=”内容移动” 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 =”标签:小时2|字体大小:46|文本对齐:左边|颜色:%23噗噗噗|行高:1.5″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:700%20BOLD％20 regular％3A700％3敏现象”][vc_separator align =”align_left” border_width =”3″ el_width =”50″ EL_CLASS =”分隔符”][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 =”标签:小时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宽度=”1/6″][vc_icon icon_fontawesome=”fa fa-strane” 颜色=”custom” 大小=”LG” 对齐=”中心” custom_color=”#3a3a3a”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”openiconic” icon_openiconic=”vc-oi vc-oi-umbrella” 颜色=”custom” 大小=”LG” 对齐=”中心” custom_color=”#3a3a3a”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-battery-mid” 颜色=”custom” 大小=”LG” 对齐=”中心” custom_color=”#3a3a3a”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”Entypo” icon_entypo =”entypo-icon entypo-icon-flag” 颜色=”custom” 大小=”LG” 对齐=”中心” custom_color=”#3a3a3a”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”线虫” icon_linecons =”vc_li vc_li-vynil” 颜色=”custom” 大小=”LG” 对齐=”中心” custom_color=”#3a3a3a”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-camera” 颜色=”custom” 大小=”LG” 对齐=”中心” custom_color=”#3a3a3a”][/vc_column][/vc_row][vc_row full_width =”strect_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text =”Icon Colors” font_container =”标签:小时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宽度=”1/6″][vc_icon icon_fontawesome=”fa fa-comment” 大小=”LG” 对齐=”中心”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”openiconic” icon_openiconic=”vc-oi vc-oi-mobile” 颜色=”sandy_brown” 大小=”LG” 对齐=”中心”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-cancel” 颜色=”pink” 大小=”LG” 对齐=”中心”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”Entypo” icon_entypo =”entypo-icon entypo-icon-bag” 颜色=”奇诺” 大小=”LG” 对齐=”中心”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”线虫” icon_linecons =”vc_li vc_li-lab” 颜色=”orange” 大小=”LG” 对齐=”中心”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-flash-outline” 颜色=”purple” 大小=”LG” 对齐=”中心”][/vc_column][/vc_row][vc_row full_width =”strect_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text =”Background Shapes” font_container =”标签:小时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宽度=”1/6″][vc_icon icon_fontawesome=”FA FA-graduation-CAP” 颜色=”white” background_style=”rounded” background_color=”mulled_wine” 大小=”LG” 对齐=”中心”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”openiconic” icon_openiconic=”vc-oi vc-oi-comment” 颜色=”灰色的” background_style=”boxed” background_color=”绿色的” 大小=”LG” 对齐=”中心”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-home” 颜色=”orange” background_style=”rounded-less” background_color=”violet” 大小=”LG” 对齐=”中心”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-arrow-shuffle” 颜色=”pink” background_style=”rounded-outline” background_color=”pink” 大小=”LG” 对齐=”中心”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”线虫” icon_linecons =”vc_li vc_li-cloud” 颜色=”sky” background_style=”boxed-outline” background_color=”sky” 大小=”LG” 对齐=”中心”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-at” 颜色=”Vista_blue” background_style=”rounded-less-outline” background_color=”Vista_blue” 大小=”LG” 对齐=”中心”][/vc_column][/vc_row][vc_row full_width =”strect_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text =”Custom Background Colors” font_container =”标签:小时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宽度=”1/6″][vc_icon icon_fontawesome=”fa fa-leaf” 颜色=”custom” background_style=”rounded-less” background_color=”custom” 大小=”LG” 对齐=”中心” custom_color=”#噗噗噗” custom_background_color=”#35a075″][/vc_column][vc_column宽度=”1/6″][vc_icon type=”openiconic” icon_openiconic=”vc-oi vc-oi-umbrella” 颜色=”sandy_brown” background_style=”rounded” background_color=”custom” 大小=”LG” 对齐=”中心” custom_background_color=”#1a64a5″][/vc_column][vc_column宽度=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-arrow-up-thick” 颜色=”white” background_style=”rounded” background_color=”custom” 大小=”LG” 对齐=”中心” custom_background_color=”#ea5959″][/vc_column][vc_column宽度=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-chart-line” 颜色=”white” background_style=”rounded-less” background_color=”custom” 大小=”LG” 对齐=”中心” custom_background_color=”#dd4f9d”][/vc_column][vc_column宽度=”1/6″][vc_icon type=”线虫” icon_linecons =”vc_li vc_li-lab” 颜色=”custom” background_style=”rounded-less” background_color=”custom” 大小=”LG” 对齐=”中心” custom_color=”#f7dd38″ custom_background_color=”#18ba97″][/vc_column][vc_column宽度=”1/6″][vc_icon type=”typicons” icon_typicons=”typcn typcn-flash-outline” 颜色=”white” background_style=”rounded” background_color=”custom” 大小=”LG” 对齐=”中心” custom_background_color=”#645ce0″][/vc_column][/vc_row][vc_row full_width =”strect_row” 视差=”内容移动” CSS =”.VC_CUSTOM_1430230577382{底部: -1像素 !重要的;顶部填充: 35像素 !重要的;填充底部: 45像素 !重要的;背景图: 网址('http://vcpreview.com/wp-content/uploads/2015/01/background_flat.png?id=23’)!重要的 ;背景位置: 中心;背景重复: 不重复;背景大小:覆盖;}”][vc_column][vc_custom_heading text =”想要更多?” font_container =”标签:小时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{底部: 15像素 !重要的;}”]

你为什么不自己测试? 您只需单击个人演示，这使您可以访问元素，并查看与Visual Composer Page Builder一起使用WordPress有多容易.

[/vc_column_text][VC_BTN标题=”启动我的演示网站” 样式=”平坦的” 颜色=”多汁粉红色” 大小=”LG” 对齐=”中心” 链接=”||” EL_CLASS =”vcd_start”][/vc_column][/vc_row]