ICON FLAT BUTTONS

EASILY CREATE FLAT BUTTONS WITH ICONS

Icon Flat Button Features:

Includes 21 predefined styles
Create custom style
Use one style as standard, and another one for hover
Use with or without font icon
Can be used for in-page navigation
Add tooltip to button
Use full column width or define width as percentage

Export Page Content

[vc_row full_width="stretch_row" margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1479148345221{margin-bottom: 0px !important;background-color: #f6f6f6 !important;}"][vc_column][TS-VCSC-Spacer height="20"][vc_column_text]
<h1 style="text-align: center;">ICON FLAT BUTTONS</h1>
<h3 style="text-align: center;">EASILY CREATE FLAT BUTTONS WITH ICONS</h3>
[/vc_column_text][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row][vc_column][TS-VCSC-Spacer height="40"][vc_row_inner][vc_column_inner width="1/2"][vc_column_text]
<h2>Icon Flat Button Features:</h2>
[/vc_column_text][TS-VCSC-Spacer height="20"][TS_VCSC_Fancy_List list_type="image" marker_image="http://www.composium.krautcoding.com/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png"]
<ul>
 	<li>Includes 21 predefined styles</li>
 	<li>Create custom style</li>
 	<li>Use one style as standard, and another one for hover</li>
 	<li>Use with or without font icon</li>
 	<li>Can be used for in-page navigation</li>
 	<li>Add tooltip to button</li>
 	<li>Use full column width or define width as percentage</li>
</ul>
[/TS_VCSC_Fancy_List][TS-VCSC-Spacer height="20"][TS_VCSC_Content_Export toggle_switch="true" toggle_background="#11bf8a" clipboard="true"][TS-VCSC-Spacer height="40"][/vc_column_inner][vc_column_inner width="1/2"][vc_single_image image="22477" img_size="large" alignment="center" css_animation="fadeInRight"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width="stretch_row" margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1479148345221{margin-bottom: 0px !important;background-color: #f6f6f6 !important;}"][vc_column][TS-VCSC-Spacer height="20"][vc_column_text]
<h1 style="text-align: center;">FLAT BUTTON STYLES</h1>
<h3 style="text-align: center;">EASILY CREATE FLAT BUTTONS WITH ICONS</h3>
[/vc_column_text][TS-VCSC-Spacer height="40"][/vc_column][/vc_row][vc_row margin_top="0" padding_left="0" padding_right="0" bg_position="top" bg_repeat="no-repeat" bg_cover="false" bg_attachment="false" padding_top="30" padding_bottom="30" parallax_speed="0.1" margin_left="0" margin_right="0" css=".vc_custom_1479744935616{margin-bottom: 0px !important;}"][vc_column][TS-VCSC-Spacer height="40"][vc_row_inner][vc_column_inner width="1/2"][TS_VCSC_Icon_Flat_Button button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-orange-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-carrot-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-turquoise-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-green-sea-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-emerald-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-amethyst-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-wisteria-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-wet-asphalt-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][/vc_column_inner][vc_column_inner width="1/2"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-pumpkin-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-alizarin-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-pomegranate-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-nephritis-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-peter-river-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-belize-hole-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-midnight-blue-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-clouds-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" button_change="true" button_color="#7a7a7a" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-silver-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" button_change="true" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][/vc_column_inner][/vc_row_inner][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-concrete-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" button_change="true" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-asbestos-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" button_change="true" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS_VCSC_Icon_Flat_Button button_style="ts-color-button-graphite-flat" button_text="Buy VC Extensions" icon="fa fa-shopping-cart" button_change="true" link="url:http%3A%2F%2Fcodecanyon.net%2Fitem%2Fvisual-composer-extensions-addon%2F7190695||target:%20_blank"][TS-VCSC-Spacer height="40"][/vc_column][/vc_row]

Copy