Icons

Create any icon combinations.

Attributes
  • icon: enter the icon name. (See all the available icons here).
  • icon_size: define the icon size (values: fa-2x, fa-3x, fa-4x, fa-5x).
  • set_custom_icon_size: enable to use a custom icon size (values: true, false).
  • custom_icon_size: set the custom icon size.
  • custom_icon_margin: spacing between icon and text.
  • image: enter the url of the image if you don’t want to use the Font Awesome Icons library.
  • icon_type: set the icon type. (values: normal, circle, square)
  • icon_position: set the icon location. (values: top, left, left_from_title)
  • icon_margin: margin should be set in a top right bottom left format. (i.e.: 0 0 28px 0)
  • icon_border_color: set the icon border color. (Only for square and circle type)
  • icon_color: set the icon color.
  • icon_background_color: set the icon background color. (Only for square and circle icon type)
  • title: set the title.
  • title_tag: set the title tag. (values: h2, h3, h4, h5)
  • title_color: set the title color.
  • text: set the text.
  • text_color: set the text color.
  • link: set the link url if any.
  • link_text: set the link text.
  • link_color: set the link text color.
  • target: set the link target. (values: _self, _blank)
Demo
About us

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.

Learn more
Services

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.

Learn more
Development

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.

Learn more
[icon_text icon="fa-header" icon_type="circle" icon_position="top" icon_size="fa-4x" icon_background_color="#00a9c5" icon_border_color="#00a9c5" icon_color="#ffffff" title="About us" text="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam." link="#" link_text="Learn more"]
Beautiful design

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.

100% Responsive

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.

Interactive Elements

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.

Fully Customizible

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.

[icon_text icon="fa-desktop" icon_type="circle" icon_position="left" icon_size="fa-3x" use_custom_icon_size="no" title="Beautiful design" text="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam."]
Beautiful design

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.

Minimalist

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.

100% Responsive

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.

Interactive Stuff

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.

Google Web Fonts

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.

Fully Customizible

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.

[icon_text icon="fa-key" icon_type="normal" icon_position="left_from_title" icon_size="fa-2x" use_custom_icon_size="no" title="Fully Customizible" text="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam."]