Icon

What’s this?

React has over 1000 retina ready icons. Wow, that’s a lot of icons at your fingertips. Use the Icon shortcode to add them in the size, color and shape you want. Here are some examples.

FontAwsome

Get code

[icon icon="fa-coffee" font_size="25"]

Add Animations

Get code

[icon icon="fa-check" font_size="35" animation="flipInX" animation_delay="700"]

Add a Description

Get code

[icon description="Description" icon="fa-envelope" font_size="10"]

Boxed

Get code

[icon boxed="1" icon="fa-coffee" font_size="25"]

Hollow

Get code

[icon boxed="1" icon="fa-coffee" font_size="25" hollow="1" background_animation="hvr-shutter-out-horizontal"]

Round

Get code

[icon boxed="1" icon="fa-coffee" font_size="25" round="1"]

Add Gradient

Get code

[icon boxed="1" gradient="gradient" icon="fa-paper-plane" font_size="25"]

Add Animations

Get code

[icon boxed="1" icon="fa-check" font_size="35" animation="flipInX" animation_delay="700"]

Add a Description

Get code

[icon boxed="1" description="Description" icon="fa-envelope" font_size="10"]

Small

Get code

[icon icon="heart"]

Medium

Get code

[icon size_image="med" icon="heart"]

Large

Get code

[icon size_image="lrg" icon="heart"]

Add animation

Get code

[icon size_image="med" icon="heart" animation="flipInX" animation_delay="200"]

Boxed

Get code

[icon boxed="1" size_image="med" icon="heart"]
X

Variations

Change the Skin for this Case Study

Case Studies

Design demos for React