Buttons & Icons

Graphical Buttons

[vcex_button url=”https://www.google.com/” title=”Visit Site” color=”black” border_radius=”3px” target=”self” rel=”none” align=”left” style=”graphical” size=”small”]Black Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”blue” border_radius=”3px” target=”self” rel=”none” align=”left” style=”graphical” size=”small”]Blue Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”brown” border_radius=”3px” target=”self” rel=”none” align=”left” style=”graphical” size=”small”]Brown Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”grey” border_radius=”3px” target=”self” rel=”none” align=”left” style=”graphical” size=”small”]Gray Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”green” border_radius=”3px” target=”self” rel=”none” align=”left” style=”graphical” size=”small”]Green Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”gold” border_radius=”3px” target=”self” rel=”none” align=”left” style=”graphical” size=”small”]Gold Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”orange” border_radius=”3px” target=”self” rel=”none” align=”left” style=”graphical” size=”small”]Orange Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”pink” border_radius=”3px” target=”self” rel=”none” align=”left” style=”graphical” size=”small”]Pink Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”teal” border_radius=”3px” target=”self” rel=”none” align=”left” style=”graphical” size=”small”]Teal Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”purple” border_radius=”3px” target=”self” rel=”none” align=”left” style=”graphical” size=”small”]Purple Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”red” border_radius=”3px” target=”self” rel=”none” align=”left” style=”graphical” size=”small”]Red Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”rosy” border_radius=”3px” target=”self” rel=”none” align=”left” style=”graphical” size=”small”]Rosy Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”blue” border_radius=”3px” target=”self” rel=”none” align=”left” icon_left=”plane” style=”graphical” size=”small”]Button With Left Icon[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”green” border_radius=”3px” target=”self” rel=”none” align=”left” icon_right=”download” style=”graphical” size=”small”]Button With Right Icon[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”orange” border_radius=”3px” target=”self” rel=”none” align=”left” css_animation=”appear” style=”graphical” size=”small”]Animated[/vcex_button][vcex_spacing size=”20px”]

Clean Buttons

[vcex_button url=”https://www.google.com/” title=”Visit Site” color=”black” border_radius=”3px” target=”self” rel=”none” align=”left” style=”clean” size=”small”]Black Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”blue” border_radius=”3px” target=”self” rel=”none” align=”left” style=”clean” size=”small”]Blue Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”brown” border_radius=”3px” target=”self” rel=”none” align=”left” style=”clean” size=”small”]Brown Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”grey” border_radius=”3px” target=”self” rel=”none” align=”left” style=”clean” size=”small”]Gray Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”green” border_radius=”3px” target=”self” rel=”none” align=”left” style=”clean” size=”small”]Green Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”gold” border_radius=”3px” target=”self” rel=”none” align=”left” style=”clean” size=”small”]Gold Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”orange” border_radius=”3px” target=”self” rel=”none” align=”left” style=”clean” size=”small”]Orange Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”pink” border_radius=”3px” target=”self” rel=”none” align=”left” style=”clean” size=”small”]Pink Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”teal” border_radius=”3px” target=”self” rel=”none” align=”left” style=”clean” size=”small”]Teal Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”purple” border_radius=”3px” target=”self” rel=”none” align=”left” style=”clean” size=”small”]Purple Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”red” border_radius=”3px” target=”self” rel=”none” align=”left” style=”clean” size=”small”]Red Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”rosy” border_radius=”3px” target=”self” rel=”none” align=”left” style=”clean” size=”small”]Rosy Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”blue” border_radius=”3px” target=”self” rel=”none” align=”left” icon_left=”plane” style=”clean” size=”small”]Button With Left Icon[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”green” border_radius=”3px” target=”self” rel=”none” align=”left” icon_right=”download” style=”clean” size=”small”]Button With Right Icon[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”orange” border_radius=”3px” target=”self” rel=”none” align=”left” css_animation=”appear” style=”clean” size=”small”]Animated[/vcex_button][vcex_spacing size=”20px”]

Flat Buttons

[vcex_button url=”https://www.google.com/” title=”Visit Site” color=”black” border_radius=”3px” target=”self” rel=”none” align=”left” style=”flat” size=”small”]Black Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”blue” border_radius=”3px” target=”self” rel=”none” align=”left” style=”flat” size=”small”]Blue Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”brown” border_radius=”3px” target=”self” rel=”none” align=”left” style=”flat” size=”small”]Brown Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”grey” border_radius=”3px” target=”self” rel=”none” align=”left” style=”flat” size=”small”]Gray Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”green” border_radius=”3px” target=”self” rel=”none” align=”left” style=”flat” size=”small”]Green Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”gold” border_radius=”3px” target=”self” rel=”none” align=”left” style=”flat” size=”small”]Gold Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”orange” border_radius=”3px” target=”self” rel=”none” align=”left” style=”flat” size=”small”]Orange Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”pink” border_radius=”3px” target=”self” rel=”none” align=”left” style=”flat” size=”small”]Pink Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”teal” border_radius=”3px” target=”self” rel=”none” align=”left” style=”flat” size=”small”]Teal Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”purple” border_radius=”3px” target=”self” rel=”none” align=”left” style=”flat” size=”small”]Purple Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”red” border_radius=”3px” target=”self” rel=”none” align=”left” style=”flat” size=”small”]Red Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”rosy” border_radius=”3px” target=”self” rel=”none” align=”left” style=”flat” size=”small”]Rosy Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”blue” border_radius=”3px” target=”self” rel=”none” align=”left” icon_left=”plane” style=”flat” size=”small”]Button With Left Icon[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”green” border_radius=”3px” target=”self” rel=”none” align=”left” icon_right=”download” style=”flat” size=”small”]Button With Right Icon[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”orange” border_radius=”3px” target=”self” rel=”none” align=”left” css_animation=”appear” style=”flat” size=”small”]Animated[/vcex_button][vcex_spacing size=”20px”]

3D Buttons

[vcex_button url=”https://www.google.com/” title=”Visit Site” color=”black” border_radius=”3px” target=”self” rel=”none” align=”left” style=”three-d” size=”small”]Black Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”blue” border_radius=”3px” target=”self” rel=”none” align=”left” style=”three-d” size=”small”]Blue Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”brown” border_radius=”3px” target=”self” rel=”none” align=”left” style=”three-d” size=”small”]Brown Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”grey” border_radius=”3px” target=”self” rel=”none” align=”left” style=”three-d” size=”small”]Gray Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”green” border_radius=”3px” target=”self” rel=”none” align=”left” style=”three-d” size=”small”]Green Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”gold” border_radius=”3px” target=”self” rel=”none” align=”left” style=”three-d” size=”small”]Gold Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”orange” border_radius=”3px” target=”self” rel=”none” align=”left” style=”three-d” size=”small”]Orange Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”pink” border_radius=”3px” target=”self” rel=”none” align=”left” style=”three-d” size=”small”]Pink Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”teal” border_radius=”3px” target=”self” rel=”none” align=”left” style=”three-d” size=”small”]Teal Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”purple” border_radius=”3px” target=”self” rel=”none” align=”left” style=”three-d” size=”small”]Purple Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”red” border_radius=”3px” target=”self” rel=”none” align=”left” style=”three-d” size=”small”]Red Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”rosy” border_radius=”3px” target=”self” rel=”none” align=”left” style=”three-d” size=”small”]Rosy Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”blue” border_radius=”3px” target=”self” rel=”none” align=”left” icon_left=”plane” style=”three-d” size=”small”]Button With Left Icon[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”green” border_radius=”3px” target=”self” rel=”none” align=”left” icon_right=”download” style=”three-d” size=”small”]Button With Right Icon[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”orange” border_radius=”3px” target=”self” rel=”none” align=”left” css_animation=”appear” style=”three-d” size=”small”]Animated[/vcex_button][vcex_spacing size=”20px”]

Outline Buttons

[vcex_button url=”https://www.google.com/” title=”Visit Site” color=”black” border_radius=”3px” target=”self” rel=”none” align=”left” style=”outline” size=”small”]Black Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”blue” border_radius=”3px” target=”self” rel=”none” align=”left” style=”outline” size=”small”]Blue Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”brown” border_radius=”3px” target=”self” rel=”none” align=”left” style=”outline” size=”small”]Brown Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”grey” border_radius=”3px” target=”self” rel=”none” align=”left” style=”outline” size=”small”]Gray Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”green” border_radius=”3px” target=”self” rel=”none” align=”left” style=”outline” size=”small”]Green Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”gold” border_radius=”3px” target=”self” rel=”none” align=”left” style=”outline” size=”small”]Gold Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”orange” border_radius=”3px” target=”self” rel=”none” align=”left” style=”outline” size=”small”]Orange Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”pink” border_radius=”3px” target=”self” rel=”none” align=”left” style=”outline” size=”small”]Pink Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”teal” border_radius=”3px” target=”self” rel=”none” align=”left” style=”outline” size=”small”]Teal Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”purple” border_radius=”3px” target=”self” rel=”none” align=”left” style=”outline” size=”small”]Purple Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”red” border_radius=”3px” target=”self” rel=”none” align=”left” style=”outline” size=”small”]Red Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”rosy” border_radius=”3px” target=”self” rel=”none” align=”left” style=”outline” size=”small”]Rosy Button[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”blue” border_radius=”3px” target=”self” rel=”none” align=”left” icon_left=”plane” style=”outline” size=”small”]Button With Left Icon[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”green” border_radius=”3px” target=”self” rel=”none” align=”left” icon_right=”download” style=”outline” size=”small”]Button With Right Icon[/vcex_button][vcex_button url=”http://www.google.com/” title=”Visit Site” color=”orange” border_radius=”3px” target=”self” rel=”none” align=”left” css_animation=”appear” style=”outline” size=”small”]Animated[/vcex_button]
[vcex_spacing size=”80px”]

Icons

You can also insert icons anywhere you want via the built-in Font Awesome icon visual composer module.

[vcex_spacing size=”30px”][vcex_icon icon=”cogs” size=”tiny” float=”none” color=”#1e73be” background=”#1e73be” border_radius=”99px” margin=”0 10px 10px 0″ css_animation=”right-to-left”][vcex_icon icon=”cogs” size=”small” float=”none” color=”#1e73be” background=”#1e73be” border_radius=”99px” margin=”0 10px 10px 0″ css_animation=”right-to-left”][vcex_icon icon=”cogs” size=”large” float=”none” color=”#1e73be” background=”#1e73be” border_radius=”99px” margin=”0 10px 10px 0″ css_animation=”right-to-left”][vcex_icon icon=”cogs” size=”xlarge” float=”none” color=”#1e73be” background=”#1e73be” border_radius=”99px” margin=”0 10px 10px 0″ css_animation=”right-to-left”][vcex_spacing size=”30px”][vcex_icon icon=”anchor” size=”tiny” float=”none” color=”#ffffff” background=”#1e73be” border_radius=”99px” margin=”0 10px 10px 0″ css_animation=”right-to-left” add_background=”yes”][vcex_icon icon=”anchor” size=”small” float=”none” color=”#ffffff” background=”#1e73be” border_radius=”99px” margin=”0 10px 10px 0″ css_animation=”right-to-left” add_background=”yes”][vcex_icon icon=”anchor” size=”normal” float=”none” color=”#ffffff” background=”#1e73be” border_radius=”99px” margin=”0 10px 10px 0″ css_animation=”right-to-left” add_background=”yes”][vcex_icon icon=”anchor” size=”large” float=”none” color=”#ffffff” background=”#1e73be” border_radius=”99px” margin=”0 10px 10px 0″ css_animation=”right-to-left” add_background=”yes”][vcex_icon icon=”anchor” size=”xlarge” float=”none” color=”#ffffff” background=”#1e73be” border_radius=”99px” margin=”0 10px 10px 0″ css_animation=”right-to-left” add_background=”yes”]