.icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: #fff;
    transition: var(--trans);
}

.icon-call {
    mask-image: url(../img/svg/call.svg);
}

.icon-search{
    mask-image: url(../img/svg/search.svg);
}

.icon-cart{
    mask-image: url(../img/svg/cart.svg);
}

.icon-facebook{
    mask-image: url(../img/svg/facebook.svg);
}

.icon-instagram{
    mask-image: url(../img/svg/instagram.svg);
}

.icon-youtube{
    mask-image: url(../img/svg/youtube.svg);
}

.icon-submit{
    mask-image: url(../img/svg/right-arrow.svg);
}

.icon-left-arrow{
    mask-image: url(../img/svg/left-arrow.svg);
}

.icon-star{
    mask-image: url(../img/svg/star.svg);
}

.icon-user{
    mask-image: url(../img/svg/user.svg);
}

.icon-minus{
    mask-image: url(../img/svg/minus.svg);
}

.icon-plus{
    mask-image: url(../img/svg/plus.svg);
}

.icon-security{
    mask-image: url(../img/svg/security.svg);
    background-color: #edba3e;
}

.icon-delivery{
    mask-image: url(../img/svg/carrier.svg);
    background-color: #edba3e;
}

.icon-filter{
    mask-image: url(../img/svg/filter.svg);
    background-color: #000;
}

.icon-profile{
    mask-image: url(../img/svg/profile.svg);
}

.icon-order{
    mask-image: url(../img/svg/order.svg);
}

.icon-address{
    mask-image: url(../img/svg/address.svg);
}

.icon-password{
    mask-image: url(../img/svg/password.svg);
}

.icon-logout{
    mask-image: url(../img/svg/logout.svg);
}

.icon-mail{
    mask-image: url(../img/svg/email.svg);
}

.icon-location{
    mask-image: url(../img/svg/location.svg);
}