[vc_row][vc_column width=»1/1″][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;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][vc_column width=»1/3″][st_icon st_to_color=»#81d742″ st_size_icon=»box-icon-large» st_animation=»top-to-bottom» st_icon=»fa-bug» st_color_icon=»#1e73be» st_round=»round» st_tooltip=»Tooltip» st_pos_tooltip=»none» st_aligment=»box-icon-left»][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_to_color=»#1e73be» st_size_icon=»box-icon-big» st_animation=»border-fadeout» st_icon=»fa-cogs» st_color_icon=»#000000″ st_tooltip=»Tooltip» st_pos_tooltip=»none» st_aligment=»box-icon-left»][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_to_color=»#dd3333″ st_size_icon=»box-icon-sm» st_animation=»shake» st_icon=»fa-heart» st_color_icon=»#dd3333″ st_tooltip=»Tooltip» st_pos_tooltip=»none» st_aligment=»box-icon-left» st_round=»round» st_border=»box-icon-border»][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;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][vc_column width=»1/3″][st_icon st_to_color=»#dd3333″ st_size_icon=»box-icon-large» st_animation=»border-fadein» st_icon=»fa-fire» st_color_icon=»#dd9933″ st_tooltip=»Tooltip» st_pos_tooltip=»none» st_aligment=»box-icon-left» st_border=»box-icon-border»][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_size_icon=»box-icon-big» st_animation=»left-to-right» st_icon=»fa-gift» st_color_icon=»#1e73be» st_tooltip=»Tooltip» st_pos_tooltip=»none» st_aligment=»box-icon-left» st_round=»round»][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_size_icon=»box-icon-sm» st_animation=»bounce» st_icon=»fa-tag» st_color_icon=»#969696″ st_tooltip=»Tooltip» st_pos_tooltip=»none» st_aligment=»box-icon-left»][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;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][vc_column width=»1/3″][st_icon st_to_color=»#1e73be» st_size_icon=»box-icon-large» st_animation=»tada» st_icon=»fa-gear» st_color_icon=»#81d742″ st_tooltip=»Tooltip» st_pos_tooltip=»none» st_aligment=»box-icon-left» st_border=»box-icon-border» st_round=»round»][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_to_color=»#dd3333″ st_size_icon=»box-icon-big» st_animation=»flash» st_icon=»fa-glass» st_tooltip=»Tooltip» st_pos_tooltip=»none» st_aligment=»box-icon-left»][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_size_icon=»box-icon-sm» st_animation=»border-rise» st_icon=»fa-globe» st_color_icon=»#1e73be» st_tooltip=»Tooltip» st_pos_tooltip=»none» st_aligment=»box-icon-left» st_round=»round» st_to_color=»#1e73be»][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;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][vc_column width=»1/1″][vc_column_text]
Sizes
[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422847140527{margin-top: 30px !important;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][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;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][vc_column width=»1/1″][vc_column_text]
Colors
[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422848119328{margin-top: 30px !important;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][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;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][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 width=»1/1″][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;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][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_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_color_icon=»#eeee22″ st_to_color=»#dd3333″][vc_column_text]
Warning Danger
[/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_to_color=»#1e73be»][vc_column_text]
Normal Inverse
[/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=»#a5a5a5″ st_to_color=»#81d742″][vc_column_text]
Gray 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=»#4184bf» st_to_color=»#000000″][vc_column_text]
Info 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=»#1e73be» st_to_color=»#8e8e8e»][vc_column_text]
Inverse Gray
[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422846891898{margin-top: 60px !important;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][vc_column width=»1/1″][vc_column_text]
Shape
[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422848119328{margin-top: 30px !important;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][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_round=»round»][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_icon=»fa-bolt» st_border=»box-icon-border»][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_icon=»fa-bolt» st_round=»round» st_border=»box-icon-border»][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_icon=»fa-bolt» st_border=»box-icon-border-dashed»][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_icon=»fa-bolt» st_round=»round» st_border=»box-icon-border-dashed»][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;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][vc_column width=»1/1″][vc_column_text]
Animations
[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422848119328{margin-top: 30px !important;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][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_animation=»flash»][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_icon=»fa-bolt» st_animation=»shake»][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_icon=»fa-bolt» st_animation=»bounce»][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_icon=»fa-bolt» st_animation=»tada»][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_icon=»fa-bolt» st_animation=»swing»][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_icon=»fa-bolt» st_animation=»pulse»][vc_column_text]Pulse[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422848119328{margin-top: 30px !important;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][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_animation=»border-rise»][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_icon=»fa-bolt» st_animation=»border-rise-alt»][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_icon=»fa-bolt» st_animation=»border-fadeout»][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_icon=»fa-bolt» st_animation=»border-fadein»][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;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][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_animation=»left-to-right»][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_icon=»fa-bolt» st_animation=»right-to-left»][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_icon=»fa-bolt» st_animation=»top-to-bottom»][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_icon=»fa-bolt» st_animation=»bottom-to-top»][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;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][vc_column width=»1/1″][vc_column_text]
Aligment
[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1422851976403{margin-top: 30px !important;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][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;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][vc_column width=»1/1″][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;}» row_fullwidth=»no» parallax_class=»no» bg_video=»no»][vc_column width=»1/6″][st_icon st_pos_tooltip=»top» st_aligment=»box-icon-none» st_size_icon=»box-icon-big» st_icon=»fa-bolt» st_animation=»left-to-right» 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_icon=»fa-bolt» st_animation=»right-to-left» 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]