.sicon span {

    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: var(--icon-bg-color);
    opacity: 0.8;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-image: var(--sicon-mask);

    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-image: var(--sicon-mask);
    &:hover {
        opacity: 1;
        cursor: pointer;
    }
}

.sicon.xl span {
    width: 2em;
    height: 2em;
}

.sicon.search-login-icon span {
    --sicon-mask: url('/images/icons/icons05/lock.svg');
}
.sicon.mail span {
    --sicon-mask: url('/images/icons/icons05/envelope-simple.svg');
}
.sicon.numpad span {
    --sicon-mask: url('/images/icons/icons05/numpad.svg');
}
.sicon.password span {
    --sicon-mask: url('/images/icons/icons05/password.svg');
}
.sicon.search-icon span {
    --sicon-mask: url('/images/icons/icons05/magnifying-glass.svg');
}
.sicon.user span,
.sicon.search-profile-icon span {
    --sicon-mask: url('/images/icons/icons05/user.svg');
}
.sicon.search-settings-icon span {
    --sicon-mask: url('/images/icons/icons05/gear-six.svg');
}
.sicon.search-profile-chat-icon span {
    --sicon-mask: url('/images/icons/icons05/chat-dots.svg');
}
.sicon.search-menu-icon span {
    --sicon-mask: url('/images/icons/icons05/list.svg');
}
.sicon.close-icon span {
    --sicon-mask: url('/images/icons/icons05/cross.svg');
}
.sicon.bookmark-icon span {
    --sicon-mask: url('/images/icons/streamline-core-line/all/heart.svg');
}
.sicon.search-clear-icon span {
    --sicon-mask: url('/images/icons/streamline-core-line/all/delete-keyboard.svg');
    scale: 0.8;
}
.sicon.history-icon span {
    --sicon-mask: url('/images/icons/streamline-core-line/all/fastforward-clock.svg');
    scale: 0.8;
}
.sicon.menu-close-icon span {
    --sicon-mask: url('/images/icons/streamline-core-line/all/delete-1.svg');
    scale: 0.8;
}