Options

Icon BoxesUseful and Common UI Element

Vertical Layout

With Image

Left

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Center

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Right

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

With Icon

Left

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Center

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Right

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Horizontal Layout

With Image

Left

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Right

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

With Icon

Left

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Right

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Amazing Hover Effects

With Different Effects On Hover, You Also Can Choose Hover's Color

Fade

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

From Top

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

From Bottom

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

From Left

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

From Right

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Scale Up

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Scale Down

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Flip Vertical

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Flip Horizontal

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

With Static Hover, You Can Choose Your Custom Color

Default

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Primary

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Info

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Success

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Warning

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Danger

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Great Flexibility in Settings

In All Types of Icon Box You Can Add Buttons, Choose Color, Shape, Size etc.

Solid Button

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Read More

Ghost Button

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Read More

3D Button

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Read More

Transparent Button

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Read More

Link Button

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Read More
You Can Choose Different Icon Libraries: Font Awesome, Material Icons or Add Your Custom Pack

Material Icons

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Font Awesome

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Custom Pack

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Also All Types of Icon Box You Can Put On a Dark Background

Left

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Center

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Right

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Left

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Center

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.

Right

Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.  Etiam sit amet finibus sapien. Quisque sodales metus sed tempor imperdiet.