Sélectionner une page

Page : Icon effects

[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]


Warning: call_user_func_array() expects parameter 1 to be a valid callback, function 'wp_ob_end_flush_all' not found or invalid function name in /home/clients/ee387d899c75198efabb186f81f95909/sandnrock/wp-includes/class-wp-hook.php on line 286