0 Страница сравнения

Single Icon

[kswr_singleicon si_icon=»km-icon-mobile4″ si_iconsize=»30″ si_bgsize=»50″ si_border_radius=»0″ si_ic_color_hover=»{«type«:«color«,«color1«:«rgba(31, 189, 242, 1)«,«color2«:«#333«,«direction«:«to left«}» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]

Solid Color

[kswr_singleicon si_icon=»km-icon-desktop2″ si_iconsize=»30″ si_bgsize=»50″ si_border_radius=»0″ si_ic_color=»{«type«:«gradient«,«color1«:«#f3d057«,«color2«:««,«direction«:«to bottom right«}» si_ic_color_hover=»{«type«:«color«,«color1«:«rgba(240, 173, 60, 1)«,«color2«:«#333«,«direction«:«to left«}» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]

Gradient Color

[kswr_singleicon si_icon=»km-icon-laptop4″ si_iconsize=»17″ si_bgsize=»50″ si_border_radius=»0″ si_ic_color=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:««,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«#f3d057«,«color2«:«transparent«,«direction«:«to left«}» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]

Solid Background

[kswr_singleicon si_icon=»km-icon-phone4″ si_iconsize=»17″ si_bgsize=»50″ si_border_radius=»500″ si_ic_color=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:««,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«#f0ad3c«,«color2«:«transparent«,«direction«:«to left«}» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]

Round Background

[kswr_singleicon si_icon=»km-icon-circle-compass» si_iconsize=»17″ si_bgsize=»50″ si_border_radius=»0″ si_ic_color=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:««,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«gradient«,«color1«:«#f0ad3c«,«color2«:«#f3d057«,«direction«:«to top right«}» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]

Gradient Background

[kswr_singleicon si_icon=»km-icon-layers2″ si_iconsize=»17″ si_bgsize=»50″ si_border_radius=»500″ si_ic_color=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:««,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«gradient«,«color1«:«#f0ad3c«,«color2«:«#f3d057«,«direction«:«to top«}» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]

Round Gradient

Some Hover Styles

[kswr_singleicon si_icon=»km-icon-genius» si_effect=»fade» si_iconsize=»40″ si_bgsize=»85″ si_border_radius=»0″ si_ic_color_hover=»{«type«:«color«,«color1«:«rgba(57, 223, 165, 1)«,«color2«:«#333«,«direction«:«to left«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-lightbulb» si_effect=»fade» si_iconsize=»34″ si_bgsize=»85″ si_border_radius=»0″ si_ic_color=»{«type«:«color«,«color1«:«rgba(255, 255, 255, 1)«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«#f3d057«,«color2«:«transparent«,«direction«:«to left«}» si_back_hover=»{«type«:«color«,«color1«:«#f0ad3c«,«color2«:«rgba(57, 223, 165, 1)«,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-strategy» si_effect=»fade» si_iconsize=»32″ si_bgsize=»85″ si_border_radius=»500″ si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«#f3f3f3«,«color2«:«transparent«,«direction«:«to left«}» si_back_hover=»{«type«:«gradient«,«color1«:«rgba(31, 189, 242, 1)«,«color2«:«rgba(57, 223, 165, 1)«,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-genius» si_effect=»fade» si_iconsize=»25″ si_bgsize=»72″ si_border_radius=»0″ si_ic_color=»{«type«:«color«,«color1«:«rgba(255, 255, 255, 1)«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«#a57164«,«color2«:«transparent«,«direction«:«to left«}» si_back_hover=»{«type«:«gradient«,«color1«:«rgba(31, 189, 242, 1)«,«color2«:«rgba(57, 223, 165, 1)«,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»true» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-tools» si_effect=»zoomin» si_iconsize=»32″ si_bgsize=»85″ si_border_radius=»0″ si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«#f3f3f3«,«color2«:«transparent«,«direction«:«to left«}» si_back_hover=»{«type«:«color«,«color1«:«rgba(31, 189, 242, 1)«,«color2«:«rgba(57, 223, 165, 1)«,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-layers2″ si_effect=»zoomin» si_iconsize=»32″ si_bgsize=»85″ si_border_radius=»500″ si_ic_color=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«gradient«,«color1«:«rgba(31, 189, 242, 1)«,«color2«:«rgba(57, 223, 165, 1)«,«direction«:«to top right«}» si_back_hover=»{«type«:«color«,«color1«:«rgba(212, 81, 81, 1)«,«color2«:««,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-circle-compass» si_effect=»zoomin» si_iconsize=»25″ si_bgsize=»72″ si_border_radius=»0″ si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«#f3f3f3«,«color2«:«transparent«,«direction«:«to left«}» si_back_hover=»{«type«:«color«,«color1«:«rgba(16, 224, 158, 1)«,«color2«:«rgba(57, 223, 165, 1)«,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»true» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-uniE905″ si_effect=»zoomout» si_iconsize=»32″ si_bgsize=»85″ si_border_radius=»500″ si_ic_color=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«#262b31«,«color2«:««,«direction«:«to top right«}» si_back_hover=»{«type«:«gradient«,«color1«:«rgba(31, 189, 242, 1)«,«color2«:«rgba(57, 223, 165, 1)«,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-feed» si_effect=»zoomout» si_iconsize=»25″ si_bgsize=»72″ si_border_radius=»0″ si_ic_color=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«gradient«,«color1«:«rgba(72, 82, 94, 1)«,«color2«:«rgba(38, 43, 49, 1)«,«direction«:«to bottom left«}» si_back_hover=»{«type«:«color«,«color1«:«rgba(9, 230, 223, 1)«,«color2«:«rgba(57, 223, 165, 1)«,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»true» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-uniEBB9″ si_effect=»zoomout» si_iconsize=»32″ si_bgsize=»85″ si_border_radius=»0″ si_ic_color=»{«type«:«color«,«color1«:«#ffff00«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#222222«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«#222222«,«color2«:«transparent«,«direction«:«to left«}» si_back_hover=»{«type«:«color«,«color1«:«#ffff00«,«color2«:«rgba(57, 223, 165, 1)«,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]

Please hover these icons to see effects
All the hover styles can be applied for any icon back shape

[kswr_singleicon si_icon=»km-icon-paintbrush» si_effect=»sasuki» si_iconsize=»21″ si_bgsize=»70″ si_border_radius=»500″ si_ic_color=»{«type«:«color«,«color1«:«#555555«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«#f4f4f4«,«color2«:««,«direction«:«to top right«}» si_back_hover=»{«type«:«gradient«,«color1«:«rgba(31, 189, 242, 1)«,«color2«:«rgba(57, 223, 165, 1)«,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-uniE680″ si_effect=»sasuki» si_iconsize=»21″ si_bgsize=»70″ si_border_radius=»0″ si_ic_color=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«rgba(38, 43, 49, 1)«,«color2«:««,«direction«:«to top right«}» si_back_hover=»{«type«:«color«,«color1«:«rgba(31, 189, 242, 1)«,«color2«:«rgba(57, 223, 165, 1)«,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-uniE6E4″ si_effect=»hiroshi» si_iconsize=»21″ si_bgsize=»70″ si_border_radius=»500″ si_ic_color=»{«type«:«color«,«color1«:«#555555«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«#f4f4f4«,«color2«:««,«direction«:«to top right«}» si_back_hover=»{«type«:«gradient«,«color1«:«#13bde8«,«color2«:«#a846e0«,«direction«:«to bottom right«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-uniE741″ si_effect=»hiroshi» si_iconsize=»21″ si_bgsize=»70″ si_border_radius=»0″ si_ic_color=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«gradient«,«color1«:«rgba(19, 189, 232, 1)«,«color2«:«rgba(168, 70, 224, 1)«,«direction«:«to bottom left«}» si_back_hover=»{«type«:«color«,«color1«:«rgba(19, 189, 232, 1)«,«color2«:«rgba(19, 189, 232, 1)«,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-uniE82D» si_effect=»haruki» si_iconsize=»21″ si_bgsize=»70″ si_border_radius=»0″ si_ic_color=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«gradient«,«color1«:«rgba(57, 223, 165, 1)«,«color2«:«rgba(31, 189, 242, 1)«,«direction«:«to top right«}» si_back_hover=»{«type«:«color«,«color1«:«rgba(38, 43, 49, 1)«,«color2«:««,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-uniED29″ si_effect=»haruki» si_iconsize=»21″ si_bgsize=»70″ si_border_radius=»500″ si_ic_color=»{«type«:«color«,«color1«:«#555555«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«#f4f4f4«,«color2«:««,«direction«:«to top right«}» si_back_hover=»{«type«:«gradient«,«color1«:«rgba(31, 189, 242, 1)«,«color2«:«rgba(57, 223, 165, 1)«,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-uniEB2F» si_effect=»murawa» si_iconsize=»21″ si_bgsize=»70″ si_border_radius=»0″ si_ic_color=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«#e91e63«,«color2«:«rgba(168, 70, 224, 1)«,«direction«:«to bottom left«}» si_back_hover=»{«type«:«gradient«,«color1«:«rgba(19, 189, 232, 1)«,«color2«:«#e91e63«,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-uniE893″ si_effect=»murawa» si_iconsize=»21″ si_bgsize=»70″ si_border_radius=»500″ si_ic_color=»{«type«:«color«,«color1«:«#555555«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«gradient«,«color1«:«#f4f4f4«,«color2«:«rgba(209, 209, 209, 1)«,«direction«:«to top right«}» si_back_hover=»{«type«:«gradient«,«color1«:«#88c34d«,«color2«:«#00bcd0«,«direction«:«to bottom right«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-pencil2″ si_effect=»sisawa» si_iconsize=»21″ si_bgsize=»70″ si_border_radius=»500″ si_ic_color=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«gradient«,«color1«:«#ff9267«,«color2«:«#ff2024«,«direction«:«to bottom right«}» si_back_hover=»{«type«:«gradient«,«color1«:«rgba(31, 189, 242, 1)«,«color2«:«rgba(57, 223, 165, 1)«,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-stack» si_effect=»sisawa» si_iconsize=»21″ si_bgsize=»62″ si_border_radius=»0″ si_ic_color=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«rgba(36, 36, 36, 1)«,«color2«:««,«direction«:«to bottom right«}» si_back_hover=»{«type«:«gradient«,«color1«:«rgba(72, 181, 224, 1)«,«color2«:«rgba(255, 32, 36, 1)«,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»true» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]
[kswr_singleicon si_icon=»km-icon-uniED2A» si_effect=»sisawa» si_iconsize=»21″ si_bgsize=»70″ si_border_radius=»0″ si_ic_color=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_ic_color_hover=»{«type«:«color«,«color1«:«#ffffff«,«color2«:«#333«,«direction«:«to left«}» si_back=»{«type«:«color«,«color1«:«rgba(56, 148, 224, 1)«,«color2«:«rgba(31, 189, 242, 1)«,«direction«:«to top right«}» si_back_hover=»{«type«:«color«,«color1«:«#ff4661«,«color2«:««,«direction«:«to bottom left«}» si_link=»#» si_elem_align=»center» si_rotation=»false» si_style_default=»0″ si_elem_margins=»margin-top:0px;margin-bottom:0px;»]

This is just a small list of what you can achieve with icon shortcode
You can also add links external or WordPress pages
The only limit is your own imagination!

loading