Skip to main content

examples of buttons

There are various options available for buttons. Each button can be different in size, color and have one of the 32 handpicked icons.

Mini size

[vc_button title=”Mini” href=”#” color=”wpb_button” size=”btn-mini” icon=”none” target=”_self” el_position=”first”] [vc_button title=”Mini” href=”#” color=”btn-primary” size=”btn-mini” icon=”none” target=”_self”] [vc_button title=”Mini” href=”#” color=”btn-info” size=”btn-mini” icon=”none” target=”_self”] [vc_button title=”Mini” href=”#” color=”btn-success” size=”btn-mini” icon=”none” target=”_self”] [vc_button title=”Mini” href=”#” color=”btn-warning” size=”btn-mini” icon=”none” target=”_self”] [vc_button title=”Mini” href=”#” color=”btn-danger” size=”btn-mini” icon=”none” target=”_self”] [vc_button title=”Mini” href=”#” color=”btn-inverse” size=”btn-mini” icon=”none” target=”_self” el_position=”last”]

Small size

[vc_button title=”Small” href=”#” color=”wpb_button” size=”btn-small” icon=”none” target=”_self” el_position=”first”] [vc_button title=”Small” href=”#” color=”btn-primary” size=”btn-small” icon=”none” target=”_self”] [vc_button title=”Small” href=”#” color=”btn-info” size=”btn-small” icon=”none” target=”_self”] [vc_button title=”Small” href=”#” color=”btn-success” size=”btn-small” icon=”none” target=”_self”] [vc_button title=”Small” href=”#” color=”btn-warning” size=”btn-small” icon=”none” target=”_self”] [vc_button title=”Small” href=”#” color=”btn-danger” size=”btn-small” icon=”none” target=”_self”] [vc_button title=”Small” href=”#” color=”btn-inverse” size=”btn-small” icon=”none” target=”_self” el_position=”last”]

Large size

[vc_button title=”Large” href=”#” color=”wpb_button” size=”btn-large” icon=”none” target=”_self” el_position=”first”] [vc_button title=”Large” href=”#” color=”btn-primary” size=”btn-large” icon=”none” target=”_self”] [vc_button title=”Large” href=”#” color=”btn-info” size=”btn-large” icon=”none” target=”_self”] [vc_button title=”Large” href=”#” color=”btn-success” size=”btn-large” icon=”none” target=”_self”] [vc_button title=”Large” href=”#” color=”btn-warning” size=”btn-large” icon=”none” target=”_self”] [vc_button title=”Large” href=”#” color=”btn-danger” size=”btn-large” icon=”none” target=”_self”] [vc_button title=”Large” href=”#” color=”btn-inverse” size=”btn-large” icon=”none” target=”_self” el_position=”last”]
[vc_separator el_position=”first last”]

Icons

Buttons with icons

[vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_address_book” target=”_self” el_position=”first”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_alarm_clock” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_anchor” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_application_image” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_arrow” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_asterisk” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_hammer” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_balloon” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_balloon_buzz” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_balloon_facebook” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_balloon_twitter” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_battery” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_binocular” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_document_excel” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_document_image” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_document_music” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_document_office” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_document_pdf” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_document_powerpoint” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_document_word” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_bookmark” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_camcorder” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_camera” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_chart” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_chart_pie” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_clock” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_fire” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_heart” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_mail” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_play” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_shield” target=”_self”] [vc_button title=”Icon” href=”#” color=”wpb_button” size=”btn-large” icon=”wpb_video” target=”_self” el_position=”last”]
[vc_separator el_position=”first last”]

Social

Social Buttons

[vc_facebook type=”standard” el_position=”first”] [vc_tweetmeme type=”horizontal”] [vc_googleplus annotation=”inline”] [vc_pinterest el_position=”last”]