.icon {
    display:inline-block;
    &::after {
        content:"";
        mask-size:100% 100%;
        -webkit-mask-size:100% 100%;
        mask-repeat:no-repeat;
        -webkit-mask-repeat:no-repeat;
        display:inline-block;
        background-color: #212121;
    }
}
.icon-place {
    &::after {
        mask-image:url(/template/img/icons/place.svg);
        -webkit-mask-image:url(/template/img/icons/place.svg);
    }
}
.icon-phone {
    &::after {
        mask-image:url(/template/img/icons/phone.svg);
        -webkit-mask-image:url(/template/img/icons/phone.svg);
    }
}
.icon-mail {
    &::after {
        mask-image:url(/template/img/icons/mail.svg);
        -webkit-mask-image:url(/template/img/icons/mail.svg);
    }
}
.icon-telegram {
    &::after {
        mask-image:url(/template/img/icons/telegram.svg);
        -webkit-mask-image:url(/template/img/icons/telegram.svg);
    }
}
.icon-whatsapp {
    &::after {
        mask-image:url(/template/img/icons/whatsapp.svg);
        -webkit-mask-image:url(/template/img/icons/whatsapp.svg);
    }
}
.icon-send {
    &::after {
        mask-image:url(/template/img/icons/send.svg);
        -webkit-mask-image:url(/template/img/icons/send.svg);
    }
}
.icon-user {
    &::after {
        mask-image:url(/template/img/icons/user.svg);
        -webkit-mask-image:url(/template/img/icons/user.svg);
    }
}
.icon-car {
    &::after {
        mask-image:url(/template/img/icons/car.svg);
        -webkit-mask-image:url(/template/img/icons/car.svg);
    }
}
.icon-pinned {
    &::after {
        mask-image:url(/template/img/icons/pinned.svg);
        -webkit-mask-image:url(/template/img/icons/pinned.svg);
    }
}
.icon-cog-key {
    &::after {
        mask-image:url(/template/img/icons/cog-key.svg);
        -webkit-mask-image:url(/template/img/icons/cog-key.svg);
    }
}
.icon-car-active {
    &::after {
        mask-image:url(/template/img/icons/car-active.svg);
        -webkit-mask-image:url(/template/img/icons/car-active.svg);
    }
}
.icon-document {
    &::after {
        mask-image:url(/template/img/icons/document.svg);
        -webkit-mask-image:url(/template/img/icons/document.svg);
    }
}
.icon-calculation {
    &::after {
        mask-image:url(/template/img/icons/calculation.svg);
        -webkit-mask-image:url(/template/img/icons/calculation.svg);
    }
}
.icon-close-big {
    &::after {
        mask-image:url(/template/img/icons/close-big.svg);
        -webkit-mask-image:url(/template/img/icons/close-big.svg);
    }
}
.icon-check-big {
    &::after {
        mask-image:url(/template/img/icons/check-big.svg);
        -webkit-mask-image:url(/template/img/icons/check-big.svg);
    }
}
.icon-pdf {
    &::after {
        mask-image:url(/template/img/icons/pdf.svg);
        -webkit-mask-image:url(/template/img/icons/pdf.svg);
    }
}
.icon-home {
    &::after {
        mask-image:url(/template/img/icons/home.svg);
        -webkit-mask-image:url(/template/img/icons/home.svg);
    }
}
.icon-close-modal {
    &::after {
        mask-image:url(/template/img/icons/close-modal.svg);
        -webkit-mask-image:url(/template/img/icons/close-modal.svg);
    }
}
.icon-close-alert {
    &::after {
        mask-image:url(/template/img/icons/close-alert.svg);
        -webkit-mask-image:url(/template/img/icons/close-alert.svg);
    }
}
.icon-check-alert {
    &::after {
        mask-image:url(/template/img/icons/check-alert.svg);
        -webkit-mask-image:url(/template/img/icons/check-alert.svg);
    }
}
.icon-warning {
    &::after {
        mask-image:url(/template/img/icons/warning.svg);
        -webkit-mask-image:url(/template/img/icons/warning.svg);
    }
}
.icon-loader {
    &::after {
        mask-image:url(/template/img/icons/loader.svg);
        -webkit-mask-image:url(/template/img/icons/loader.svg);
    }
}