0 Compare Page

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