Awesome Icons

Examples

Below are some examples of shortcodes that will generate an icon and you can add directly into your pages or posts.

Default



[awesome-icons lib=fa name=fa-bomb size="nm" align="aligncenter"]

Color


[awesome-icons lib=fa name=fa-bullhorn color="#dd3333" size="nm" align="aligncenter"]

Link


[awesome-icons lib=fa name=fa-external-link color="#2d7bbf" size="nm" align="aligncenter" link="http://wp-lg.com/awesome-icons/" target="_blank"]

Hover link



[awesome-icons lib=fa name=fa-external-link-square color="#1c1c1c" size="nm" align="aligncenter" link="http://wp-lg.com/awesome-icons/" target="_blank" hover="#bc1e0d"]

Size

Align

None, Left, Center, Right

Animation

Below are some examples of shortcodes that will generate an icon with some CSS3 animation effects. Animations can be carried out on page load, on hover, click or when the icon comes into your page view.

On Hover

[awesome-icons lib=gmi name=pets color="#dd9933" size="nm" align="aligncenter" animation="flipInY" on="hover" delay="0" link="https://wow-estore.com/en/wow-icons-pro/"]

On Click

android

[awesome-icons lib=gmi name=android color="#81d742" size="nm" align="aligncenter" hover="#43963c" animation="zoomIn" on="click" delay="0"]

On Scroll

[awesome-icons lib=fa name=fa-cloud-upload color="#eeee22" size="nm" align="aligncenter" animation="fadeInUp" on="load" delay="3"]

Title

Top

Thi is Flaf

[awesome-icons lib=fa name=fa-font-awesome color="#0057b8" size="nm" align="aligncenter" title="Thi is Flaf" position="top" width="100"]

Right

Thi is Flaf

[awesome-icons lib=fa name=fa-font-awesome color="#ffd700" size="nm" align="aligncenter" title="Thi is Flaf" position="right" width="100"]

Bottom

Thi is Flaf

[awesome-icons lib=fa name=fa-font-awesome color="#0057b8" size="nm" align="aligncenter" title="Thi is Flaf" position="bottom" width="100"]

Left

Thi is Flaf

[awesome-icons lib=fa name=fa-font-awesome color="#ffd700" size="nm" align="aligncenter" title="Thi is Flaf" position="left" width="100"]

Shape

Circle

[awesome-icons lib=fa name=fa-gitlab color="#eeee22" size="nm" align="aligncenter" shape="circle" shapecol="#000000"]

Square

[awesome-icons lib=fa name=fa-font-awesome color="#1e73be" size="nm" align="aligncenter" shape="square" shapecol="#eeee22"]

Rounded

[awesome-icons lib=fa name=fa-automobile color="#000000" size="nm" align="aligncenter" shape="rounded" shapecol="#81d742"]

Outline Circle

[awesome-icons lib=fa name=fa-signing color="#dd3333" size="nm" align="aligncenter" shape="c-outline" shapecol="#81d742" animation="flash" on="hover" delay="0"]

Outline Square

[awesome-icons lib=fa name=fa-arrows color="#000000" size="nm" align="aligncenter" shape="s-outline" shapecol="#1e73be" animation="wobble" on="hover" delay="0" hover="#81d742"]

Outline Rounded

It's me

[awesome-icons lib=fa name=fa-balance-scale color="#81d742" size="nm" align="aligncenter" shape="r-outline" shapecol="#eeee22" animation="pulse" on="hover" delay="0" title="It's me" position="left" width="100"]

0 comments