Page : Icon effects

[vc_row][vc_column][vc_column_text]

You can mix any size, color, animation and icon.

It’s about 40000000+ possible variations 🙂

[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422844805893{margin-top: 30px !important;}»][vc_column width=»1/3″][st_icon st_pos_tooltip=»none» st_to_color=»#81d742″ st_aligment=»box-icon-left» st_size_icon=»box-icon-large» st_round=»round» st_animation=»top-to-bottom» st_icon=»fa-bug» st_color_icon=»#1e73be» st_tooltip=»Tooltip»][vc_column_text]

• Icon: Bug
• Size: Large
• Color: Info
• To Color: Success
• Shape: Round
• Animation: Top to bottom

[/vc_column_text][/vc_column][vc_column width=»1/3″][st_icon st_pos_tooltip=»none» st_to_color=»#1e73be» st_aligment=»box-icon-left» st_size_icon=»box-icon-big» st_animation=»border-fadeout» st_icon=»fa-cogs» st_color_icon=»#000000″ st_tooltip=»Tooltip»][vc_column_text]

• Icon: Cogs
• Size: Big
• Color: Black
• To color: Inverse
• Animation: Border Fade out

[/vc_column_text][/vc_column][vc_column width=»1/3″][st_icon st_pos_tooltip=»none» st_to_color=»#dd3333″ st_aligment=»box-icon-left» st_size_icon=»box-icon-sm» st_round=»round» st_border=»box-icon-border» st_animation=»shake» st_icon=»fa-heart» st_color_icon=»#dd3333″ st_tooltip=»Tooltip»][vc_column_text]

• Icon: Heart
• Size: Normal
• Color: Danger
• Shape: Border, round
• Animation: Shake

[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422844805893{margin-top: 30px !important;}»][vc_column width=»1/3″][st_icon st_pos_tooltip=»none» st_to_color=»#dd3333″ st_aligment=»box-icon-left» st_size_icon=»box-icon-large» st_border=»box-icon-border» st_animation=»border-fadein» st_icon=»fa-fire» st_color_icon=»#dd9933″ st_tooltip=»Tooltip»][vc_column_text]

• Icon: Fire
• Size: Large
• Color: Warning
• To Color: Danger
• Animation: Border Fadein

[/vc_column_text][/vc_column][vc_column width=»1/3″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-left» st_size_icon=»box-icon-big» st_round=»round» st_animation=»left-to-right» st_icon=»fa-gift» st_color_icon=»#1e73be» st_tooltip=»Tooltip»][vc_column_text]

• Icon: Gift
• Size: Big
• Color: Inverse
• To color: Normal
• Shape: Round
• Animation: Left to Right

[/vc_column_text][/vc_column][vc_column width=»1/3″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-left» st_size_icon=»box-icon-sm» st_animation=»bounce» st_icon=»fa-tag» st_color_icon=»#969696″ st_tooltip=»Tooltip»][vc_column_text]

• Icon: Tag
• Size: Normal
• Color: Gray
• To color: Normal
• Animation: Bounce

[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422844805893{margin-top: 30px !important;}»][vc_column width=»1/3″][st_icon st_pos_tooltip=»none» st_to_color=»#1e73be» st_aligment=»box-icon-left» st_size_icon=»box-icon-large» st_round=»round» st_border=»box-icon-border» st_animation=»tada» st_icon=»fa-gear» st_color_icon=»#81d742″ st_tooltip=»Tooltip»][vc_column_text]

• Icon: Gear
• Size: Large
• Color: Success
• To Color: Inverse
• Shape: Round, dashed
• Animation: Tada

[/vc_column_text][/vc_column][vc_column width=»1/3″][st_icon st_pos_tooltip=»none» st_to_color=»#dd3333″ st_aligment=»box-icon-left» st_size_icon=»box-icon-big» st_animation=»flash» st_icon=»fa-glass» st_tooltip=»Tooltip»][vc_column_text]

• Icon: Glass
• Size: Big
• Color: Normal
• To color: Danger
• Animation: Flash

[/vc_column_text][/vc_column][vc_column width=»1/3″][st_icon st_pos_tooltip=»none» st_to_color=»#1e73be» st_aligment=»box-icon-left» st_size_icon=»box-icon-sm» st_round=»round» st_animation=»border-rise» st_icon=»fa-globe» st_color_icon=»#1e73be» st_tooltip=»Tooltip»][vc_column_text]

• Icon: Globe
• Size: Normal
• Color: Info
• Shape: Round
• Animation: Border Rise

[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422846891898{margin-top: 60px !important;}»][vc_column][vc_column_text]

Sizes

[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422847140527{margin-top: 30px !important;}»][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-center» st_size_icon=»box-icon-huge» st_icon=»fa-bolt»][vc_column_text]

Huge

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-large» st_icon=»fa-bolt»][vc_column_text]

Large

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt»][vc_column_text]

Big

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-md» st_icon=»fa-bolt»][vc_column_text]

Normal

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-sm» st_icon=»fa-bolt»][vc_column_text]

Small

[/vc_column_text][/vc_column][vc_column width=»1/6″][/vc_column][/vc_row][vc_row css=».vc_custom_1422846891898{margin-top: 60px !important;}»][vc_column][vc_column_text]

Colors

[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422848119328{margin-top: 30px !important;}»][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt»][vc_column_text]

Normal

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_color_icon=»#000000″][vc_column_text]

Black

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_color_icon=»#848484″][vc_column_text]

Gray

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_color_icon=»#127cdc»][vc_column_text]

Inverse

[/vc_column_text][/vc_column][vc_column width=»1/6″][/vc_column][vc_column width=»1/6″][/vc_column][/vc_row][vc_row css=».vc_custom_1422848119328{margin-top: 30px !important;}»][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_color_icon=»#2f96b4″][vc_column_text]

Info

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_color_icon=»#51a351″][vc_column_text]

Success

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_color_icon=»#f89406″][vc_column_text]

Warning

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_color_icon=»#bd362f»][vc_column_text]

Danger

[/vc_column_text][/vc_column][vc_column width=»1/6″][/vc_column][vc_column width=»1/6″][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]You can set any transition between colors[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422848119328{margin-top: 30px !important;}»][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_color_icon=»#000000″][vc_column_text]

Black to Normal

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_to_color=»#dd3333″ st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_color_icon=»#eeee22″][vc_column_text]

Warning Danger

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_to_color=»#1e73be» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt»][vc_column_text]

Normal Inverse

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_to_color=»#81d742″ st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_color_icon=»#a5a5a5″][vc_column_text]

Gray Success

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_to_color=»#000000″ st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_color_icon=»#4184bf»][vc_column_text]

Info Black

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_to_color=»#8e8e8e» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_color_icon=»#1e73be»][vc_column_text]

Inverse Gray

[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422846891898{margin-top: 60px !important;}»][vc_column][vc_column_text]

Shape

[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422848119328{margin-top: 30px !important;}»][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_round=»round» st_icon=»fa-bolt»][vc_column_text]

Round

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_border=»box-icon-border» st_icon=»fa-bolt»][vc_column_text]

Border

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_round=»round» st_border=»box-icon-border» st_icon=»fa-bolt»][vc_column_text]

Border Round

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_border=»box-icon-border-dashed» st_icon=»fa-bolt»][vc_column_text]

Border Dashed

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_round=»round» st_border=»box-icon-border-dashed» st_icon=»fa-bolt»][vc_column_text]

Dashed Round

[/vc_column_text][/vc_column][vc_column width=»1/6″][/vc_column][/vc_row][vc_row css=».vc_custom_1422846891898{margin-top: 60px !important;}»][vc_column][vc_column_text]

Animations

[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422848119328{margin-top: 30px !important;}»][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»flash» st_icon=»fa-bolt»][vc_column_text]

Flash

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»shake» st_icon=»fa-bolt»][vc_column_text]

Shake

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»bounce» st_icon=»fa-bolt»][vc_column_text]

Bounce

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»tada» st_icon=»fa-bolt»][vc_column_text]

Tada

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»swing» st_icon=»fa-bolt»][vc_column_text]

Swing

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»pulse» st_icon=»fa-bolt»][vc_column_text]Pulse[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422848119328{margin-top: 30px !important;}»][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»border-rise» st_icon=»fa-bolt»][vc_column_text]

Border Rise

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»border-rise-alt» st_icon=»fa-bolt»][vc_column_text]

Border Rise Alt

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»border-fadeout» st_icon=»fa-bolt»][vc_column_text]

Border Fade out

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»border-fadein» st_icon=»fa-bolt»][vc_column_text]

Border Fade in

[/vc_column_text][/vc_column][vc_column width=»1/6″][/vc_column][/vc_row][vc_row css=».vc_custom_1422848119328{margin-top: 30px !important;}»][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»left-to-right» st_icon=»fa-bolt»][vc_column_text]

Left to Right

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»right-to-left» st_icon=»fa-bolt»][vc_column_text]

Right to Left

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»top-to-bottom» st_icon=»fa-bolt»][vc_column_text]

Top to Bottom

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»bottom-to-top» st_icon=»fa-bolt»][vc_column_text]

Bottom to Top

[/vc_column_text][/vc_column][vc_column width=»1/6″][/vc_column][/vc_row][vc_row css=».vc_custom_1422846891898{margin-top: 60px !important;}»][vc_column][vc_column_text]

Aligment

[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422851976403{margin-top: 30px !important;}»][vc_column width=»1/4″][vc_column_text]Normal[/vc_column_text][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt»][vc_column_text]Dictumst viverra libero justo tempus urna eleifend morbi[/vc_column_text][/vc_column][vc_column width=»1/4″][vc_column_text]Center[/vc_column_text][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-center» st_size_icon=»box-icon-big» st_icon=»fa-bolt»][vc_column_text]Dictumst viverra libero justo tempus urna eleifend morbi[/vc_column_text][/vc_column][vc_column width=»1/4″][vc_column_text]Left[/vc_column_text][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-left» st_size_icon=»box-icon-big» st_icon=»fa-bolt»][vc_column_text]Dictumst viverra libero justo tempus urna eleifend morbi[/vc_column_text][/vc_column][vc_column width=»1/4″][vc_column_text]Right[/vc_column_text][st_icon st_pos_tooltip=»none» st_aligment=»box-icon-right» st_size_icon=»box-icon-big» st_icon=»fa-bolt»][vc_column_text]Dictumst viverra libero justo tempus urna eleifend morbi[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422846891898{margin-top: 60px !important;}»][vc_column][vc_column_text]

Tooltips

[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422852367885{margin-top: 30px !important;margin-bottom: 30px !important;}»][vc_column width=»1/6″][st_icon st_pos_tooltip=»top» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»left-to-right» st_icon=»fa-bolt» st_tooltip=»Tooltip top»][vc_column_text]

Top

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»bottom» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_animation=»right-to-left» st_icon=»fa-bolt» st_tooltip=»Tooltip Bottom»][vc_column_text]

Bottom

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»left» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_tooltip=»Tooltip left»][vc_column_text]

Left

[/vc_column_text][/vc_column][vc_column width=»1/6″][st_icon st_pos_tooltip=»right» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_tooltip=»Tooltip right»][vc_column_text]

Right

[/vc_column_text][/vc_column][/vc_row]