Icons

Side Icons Combinations

Set position, size and color

[icon_text box_type=”normal” box_border=”no” icon=”fa-fire” icon_type=”normal” icon_size=”fa-2x” icon_position=”left” title=”Font Awesome Icons” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh”]

[icon_text box_type=”normal” box_border=”no” icon=”fa-font” icon_type=”normal” icon_size=”fa-2x” icon_position=”left” title=”600+ Google Fonts” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh”]

[icon_text box_type=”normal” box_border=”no” icon=”fa-key” icon_type=”normal” icon_size=”fa-2x” icon_position=”left” title=”Highly Customizable” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh”]

[icon_text box_type=”normal” box_border=”no” icon=”icon-heart” icon_type=”square” icon_size=”icon-large” icon_position=”left” title=”Visual Page Builder” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh” icon_background_color=”#ededed” custom_icon_size=”36px” image=”2392″]

[icon_text box_type=”normal” box_border=”no” icon_type=”square” icon_size=”fa-lg” icon_position=”left” title=”Unlimited Colors” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh” icon_background_color=”#ededed” custom_icon_size=”36px” image=”2392″]

[icon_text box_type=”normal” box_border=”no” icon_type=”square” icon_size=”fa-lg” icon_position=”left” title=”Custom Shortcodes” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh” icon_background_color=”#ededed” custom_icon_size=”36px” image=”2392″]

[icon_text box_type=”normal” box_border=”no” icon=”fa-print” icon_type=”circle” icon_size=”fa-2x” icon_position=”left” title=”Responsive Layout” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh” icon_background_color=”#f9c802″]

[icon_text box_type=”normal” box_border=”no” icon=”fa-heart-o” icon_type=”circle” icon_size=”fa-2x” icon_position=”left” title=”Demo Content” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh” icon_background_color=”#91c017″]

[icon_text box_type=”normal” box_border=”no” icon=”fa-envelope-o” icon_type=”circle” icon_size=”fa-2x” icon_position=”left” title=”Interactive Elements” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh” icon_background_color=”#ff3c00″]

[icon_text box_type=”normal” box_border=”no” icon=”fa-laptop” icon_type=”circle” icon_size=”fa-2x” icon_position=”left” title=”Retina Ready” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh” custom_icon_size=”24″ icon_background_color=”#333333″]

[icon_text box_type=”normal” box_border=”no” icon=”fa-moon-o” icon_type=”circle” icon_size=”fa-2x” icon_position=”left” title=”Responsive Header” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh” custom_icon_size=”24″ icon_background_color=”#333333″]

[icon_text box_type=”normal” box_border=”no” icon=”fa-sun-o” icon_type=”circle” icon_size=”fa-2x” icon_position=”left” title=”Unlimited Options” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh” custom_icon_size=”24″ icon_background_color=”#333333″]

[icon_text box_type=”normal” box_border=”no” icon=”fa-link” icon_type=”square” icon_size=”fa-2x” icon_position=”left” title=”Many Customizable Options” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh”]

[icon_text box_type=”normal” box_border=”no” icon=”fa-tablet” icon_type=”square” icon_size=”fa-2x” icon_position=”left” title=”Animated Sliders” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh”]

[icon_text box_type=”normal” box_border=”no” icon=”fa-unlock” icon_type=”square” icon_size=”fa-2x” icon_position=”left” title=”Well Documented” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh”]

[icon_text box_type=”normal” box_border=”no” icon=”fa-flag” icon_type=”normal” icon_size=”fa-2x” icon_position=”left_from_title” title=”600+ Google Fonts” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.”]

[icon_text box_type=”normal” box_border=”no” icon=”fa-html5″ icon_type=”normal” icon_size=”fa-2x” icon_position=”left_from_title” title=”Highly Customizable” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.”]

[icon_text box_type=”normal” box_border=”no” icon=”fa-trophy” icon_type=”normal” icon_size=”fa-2x” icon_position=”left_from_title” title=”Font Awesome Icons” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.”]

Centered Icons Combinations

Well Documented

[icon_text box_type=”normal” box_border=”no” icon=”fa-camera” icon_type=”normal” icon_size=”fa-2x” icon_position=”top” title=”Responsive Layout” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sediam nonummy nibh” icon_margin=”0 0 10px” icon_color=”#333333″]

[icon_text box_type=”normal” box_border=”no” icon=”fa-bell” icon_type=”normal” icon_size=”fa-2x” icon_position=”top” title=”AJAX Transitions” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sediam nonummy nibh” icon_margin=”0 0 10px” icon_color=”#333333″]

[icon_text box_type=”normal” box_border=”no” icon=”fa-briefcase” icon_type=”normal” icon_size=”fa-2x” icon_position=”top” title=”Retina Display Ready” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sediam nonummy nibh” icon_margin=”0 0 10px” icon_color=”#333333″]

[icon_text box_type=”normal” box_border=”no” icon_type=”normal” icon_size=”fa-lg” icon_position=”top” title=”Animated Sliders” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sediam nonummy nibh” image=”2392″ icon_margin=”0 0 10px”]

[icon_text box_type=”normal” box_border=”no” icon_type=”normal” icon_size=”fa-lg” icon_position=”top” title=”Font Awesome Icons” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sediam nonummy nibh” image=”2392″ icon_margin=”0 0 10px”]

[icon_text box_type=”normal” box_border=”no” icon_type=”normal” icon_size=”fa-lg” icon_position=”top” title=”Total Responsiveness” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sediam nonummy nibh” image=”2392″ icon_margin=”0 0 10px”]

[icon_text box_type=”normal” box_border=”no” icon=”fa-home” icon_type=”circle” icon_size=”fa-2x” icon_position=”top” title=”600+ Google Fonts” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sediam nonummy nibh” custom_icon_size=”40″ icon_margin=”0 0 5px”]

[icon_text box_type=”normal” box_border=”no” icon=”fa-globe” icon_type=”circle” icon_size=”fa-2x” icon_position=”top” title=”Visual Page Builder” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sediam nonummy nibh” custom_icon_size=”40″ icon_margin=”0 0 5px”]

[icon_text box_type=”normal” box_border=”no” icon=”fa-inbox” icon_type=”circle” icon_size=”fa-2x” icon_position=”top” title=”Demo Content” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sediam nonummy nibh” custom_icon_size=”40″ icon_margin=”0 0 5px”]

Icons With Hover

Interactive Elements

[animated_icons_with_text columns=”three_columns”][animated_icon_with_text title_tag=”h4″ icon=”fa-anchor” size=”fa-2x” title=”Awesome Shortcodes” text=”Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nunc duin semper.”][animated_icon_with_text title_tag=”h4″ icon=”fa-android” size=”fa-2x” title=”Portfolio Pages” text=”Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nunc duin semper.”][animated_icon_with_text title_tag=”h4″ icon=”fa-laptop” size=”fa-2x” title=”AJAX Transitions” text=”Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nunc duin semper.”][animated_icon_with_text title_tag=”h4″ icon=”fa-credit-card” size=”fa-2x” title=”Header With Slider” text=”Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nunc duin semper.”][animated_icon_with_text title_tag=”h4″ icon=”fa-desktop” size=”fa-2x” title=”Inovative Design” text=”Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nunc duin semper.”][animated_icon_with_text title_tag=”h4″ icon=”fa-cog” size=”fa-2x” title=”Visual Page Builder” text=”Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nunc duin semper.”][animated_icon_with_text title_tag=”h4″ icon=”fa-plane” size=”fa-2x” title=”Layer Slider” text=”Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nunc duin semper.”][animated_icon_with_text title_tag=”h4″ icon=”fa-eye” size=”fa-2x” title=”Demo Content” text=”Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nunc duin semper.”][animated_icon_with_text title_tag=”h4″ icon=”fa-envelope-o” size=”fa-2x” title=”Dedicated Support” text=”Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla nunc duin semper.”][/animated_icons_with_text]

Icons in Content Boxes

Well Documented

[icons size=”fa-2x” icon=”fa-android” type=”normal” border=”yes” target=”_self” icon_color=”#00aeef”]