.icon{
    display: inline-block;
    cursor: pointer;
    background-size:90%;
    background-position: center;
    background-repeat: no-repeat;
}
body[vision="light"] .icon{
    filter:invert(0.2);
}
body[vision="dark"] .icon{
    filter:invert(1);
}
/* return inverted color of badges */
body[vision="dark"] .icon div[badge-name]{
    filter:invert(1);
}
.icon[icon="sun"] {background-image:url('../images/svg/sun.svg');}
.icon[icon="moon"] {background-image:url('../images/svg/moon.svg');}
.icon[icon="gear"] {background-image:url('../images/svg/gear.svg');}
.icon[icon="normal-sidebar"] {background-image:url('../images/png/normal-sidebar.png');}
.icon[icon="thin-sidebar"] {background-image:url('../images/png/thin-sidebar.png');}
.icon[icon="full-screen"] {background-image:url('../images/png/full-screen.png');}
.icon[icon="headset"] {background-image:url('../images/svg/headset.svg');}
.icon[icon="home"] {background-image:url('../images/svg/home.svg');}
.icon[icon="compass"] {background-image:url('../images/svg/compass.svg');}
.icon[icon="add"] {background-image:url('../images/svg/add.svg');}
.icon[icon="cart"] {background-image:url('../images/svg/cart.svg');}
.icon[icon="magnifier"] {background-image:url('../images/svg/magnifier.svg');}
.icon[icon="bell"] {background-image:url('../images/svg/bell.svg');}