Create any icon combinations.

Attributes

[list type=”unordered”]

  • 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)
  • [/list]

    Demo

    [row]

    [padding left=”0″ right=”0″ top=”4%” bottom=”2%”]

    [one_third]
    [icon_text icon=”fa-git” 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”]
    [/one_third]

    [one_third]
    [icon_text icon=”fa-codepen” icon_type=”circle” icon_position=”top” icon_size=”fa-4x” icon_background_color=”#00a9c5″ icon_border_color=”#00a9c5″ icon_color=”#ffffff” title=”Services” 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”]
    [/one_third]

    [one_third last=”true”]
    [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=”Development” 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”]
    [/one_third]

    [/padding]

    [code]
    [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”]
    [/code]

    [/row]

    [row]

    [padding left=”0″ right=”0″ top=”4%” bottom=”2%”]

    [one_half]
    [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.”]
    [/one_half]

    [one_half last=”true”]
    [icon_text icon=”fa-heart” icon_type=”circle” icon_position=”left” icon_size=”fa-3x” use_custom_icon_size=”no” title=”100% Responsive” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.”]
    [/one_half]

    [one_half]
    [icon_text icon=”fa-fire” icon_type=”circle” icon_position=”left” icon_size=”fa-3x” use_custom_icon_size=”no” title=”Interactive Elements” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.”]
    [/one_half]

    [one_half last=”true”]
    [icon_text icon=”fa-key” icon_type=”circle” icon_position=”left” icon_size=”fa-3x” 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.”]
    [/one_half]

    [/padding]

    [code]
    [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.”]
    [/code]

    [/row]

    [row]

    [padding left=”0″ right=”0″ top=”4%” bottom=”2%”]

    [one_third]
    [icon_text icon=”fa-desktop” icon_type=”normal” icon_position=”left_from_title” icon_size=”fa-2x” 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.”]
    [/one_third]

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

    [one_third last=”true”]
    [icon_text icon=”fa-heart” icon_type=”normal” icon_position=”left_from_title” icon_size=”fa-2x” use_custom_icon_size=”no” title=”100% Responsive” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.”]
    [/one_third]

    [one_third]
    [icon_text icon=”fa-dashboard” icon_type=”normal” icon_position=”left_from_title” icon_size=”fa-2x” use_custom_icon_size=”no” title=”Interactive Stuff” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.”]
    [/one_third]

    [one_third]
    [icon_text icon=”fa-globe” icon_type=”normal” icon_position=”left_from_title” icon_size=”fa-2x” use_custom_icon_size=”no” title=”Google Web Fonts” text=”Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.”]
    [/one_third]

    [one_third last=”true”]
    [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.”]
    [/one_third]

    [/padding]

    [code]
    [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.”]
    [/code]

    [/row]

    [spacer top=”24px” bottom=”24px”][/spacer]