Icon Shortcodes

[lead]

The theme includes the Font Awesome icons. The icons can be used separately or as a part of other page components.

[/lead]


3 Different Sizes

small

[icon name=”camera” size=”small” style=”simple”] [icon name=”pencil” size=”small” style=”solid”] [icon name=”picture” size=”small” style=”simple”] [icon name=”rocket” size=”small” style=”solid”] [icon name=”star” size=”small” style=”simple”] [icon name=”beaker” size=”small” style=”solid”]

medium

[icon name=”camera” size=”medium” style=”simple”] [icon name=”pencil” size=”medium” style=”solid”] [icon name=”picture” size=”medium” style=”simple”] [icon name=”rocket” size=”medium” style=”solid”] [icon name=”star” size=”medium” style=”simple”] [icon name=”beaker” size=”medium” style=”solid”]

big

[icon name=”camera” size=”big” style=”simple”] [icon name=”pencil” size=”big” style=”solid”] [icon name=”picture” size=”big” style=”simple”] [icon name=”rocket” size=”big” style=”solid”] [icon name=”star” size=”big” style=”simple”] [icon name=”beaker” size=”big” style=”solid”]

[toggle title=”Get The Code” icon=”file-alt” style=”simple”]

[get_the_code]

[icon name=”camera” size=”small” style=”simple”]
[icon name=”pencil” size=”small” style=”solid”]
[icon name=”picture” size=”small” style=”simple”]
[icon name=”rocket” size=”small” style=”solid”]
[icon name=”star” size=”small” style=”simple”]
[icon name=”beaker” size=”small” style=”solid”]

[icon name=”camera” size=”medium” style=”simple”]
[icon name=”pencil” size=”medium” style=”solid”]
[icon name=”picture” size=”medium” style=”simple”]
[icon name=”rocket” size=”medium” style=”solid”]
[icon name=”star” size=”medium” style=”simple”]
[icon name=”beaker” size=”medium” style=”solid”]

[icon name=”camera” size=”big” style=”simple”]
[icon name=”pencil” size=”big” style=”solid”]
[icon name=”picture” size=”big” style=”simple”]
[icon name=”rocket” size=”big” style=”solid”]
[icon name=”star” size=”big” style=”simple”]
[icon name=”beaker” size=”big” style=”solid”]

[/get_the_code]

[/toggle]

[divider]

3 Alternative Styles

none

[icon name=”camera” size=”medium” style=”none”] [icon name=”pencil” size=”medium” style=”none”] [icon name=”picture” size=”medium” style=”none”] [icon name=”rocket” size=”medium” style=”none”] [icon name=”star” size=”medium” style=”none”] [icon name=”beaker” size=”medium” style=”none”]

simple

[icon name=”camera” size=”medium” style=”simple”] [icon name=”pencil” size=”medium” style=”simple”] [icon name=”picture” size=”medium” style=”simple”] [icon name=”rocket” size=”medium” style=”simple”] [icon name=”star” size=”medium” style=”simple”] [icon name=”beaker” size=”medium” style=”simple”]

solid

[icon name=”camera” size=”medium” style=”solid”] [icon name=”pencil” size=”medium” style=”solid”] [icon name=”picture” size=”medium” style=”solid”] [icon name=”rocket” size=”medium” style=”solid”] [icon name=”star” size=”medium” style=”solid”] [icon name=”beaker” size=”medium” style=”solid”]

[toggle title=”Get The Code” icon=”file-alt” style=”simple”]

[get_the_code]

[icon name=”camera” size=”medium” style=”none”]
[icon name=”pencil” size=”medium” style=”none”]
[icon name=”picture” size=”medium” style=”none”]
[icon name=”rocket” size=”medium” style=”none”]
[icon name=”star” size=”medium” style=”none”]
[icon name=”beaker” size=”medium” style=”none”]

[icon name=”camera” size=”medium” style=”simple”]
[icon name=”pencil” size=”medium” style=”simple”]
[icon name=”picture” size=”medium” style=”simple”]
[icon name=”rocket” size=”medium” style=”simple”]
[icon name=”star” size=”medium” style=”simple”]
[icon name=”beaker” size=”medium” style=”simple”]

[icon name=”camera” size=”medium” style=”solid”]
[icon name=”pencil” size=”medium” style=”solid”]
[icon name=”picture” size=”medium” style=”solid”]
[icon name=”rocket” size=”medium” style=”solid”]
[icon name=”star” size=”medium” style=”solid”]
[icon name=”beaker” size=”medium” style=”solid”]

[/get_the_code]

[/toggle]

[divider]

Custom Colors

[icon name=”camera” size=”small” style=”solid” text_color=”#ffffff” bg_color=”#e67e22″ ] [icon name=”pencil” size=”medium” style=”solid” text_color=”#ffffff” bg_color=”#e74c3c”] [icon name=”picture” size=”big” style=”solid” text_color=”#ffffff” bg_color=”#9b59b6″] [icon name=”rocket” size=”medium” style=”solid” text_color=”#ffffff” bg_color=”#3498db”] [icon name=”star” size=”small” style=”solid” text_color=”#ffffff” bg_color=”#2ecc71″]

[toggle title=”Get The Code” icon=”file-alt” style=”simple”]

[get_the_code]

[icon name=”camera” size=”small” style=”solid” text_color=”#ffffff” bg_color=”#e67e22″ ]
[icon name=”pencil” size=”medium” style=”solid” text_color=”#ffffff” bg_color=”#e74c3c”]
[icon name=”picture” size=”big” style=”solid” text_color=”#ffffff” bg_color=”#9b59b6″]
[icon name=”rocket” size=”medium” style=”solid” text_color=”#ffffff” bg_color=”#3498db”]
[icon name=”star” size=”small” style=”solid” text_color=”#ffffff” bg_color=”#2ecc71″]

[/get_the_code]

[/toggle]

[divider]

All Available Icons

[icons]

[divider]

[icon name=”lightbulb” size=”medium” style=”solid” shape=”circle”]

Shortcode Documentation

[icon doc=”true”]