.icon {display: inline-block;min-width: 20px;min-height: 20px; background-position:center center;background-size: contain;background-repeat: no-repeat;}
.icon-phone {background-image: url("../images/icon/phone.svg")}
.icon-search {background-image: url("../images/icon/search.svg")}
.icon-search:active,
.icon-search:focus {background-image: url("../images/icon/menu.svg")}
.icon-search:hover {transform: scale(1.2)}
.icon-rouble {background-image: url("../images/icon/shop/rouble-semibold.svg")}
.icon-rouble-gray {background-image: url("../images/icon/shop/rouble-gray.svg")}
.icon-visa {background-image: url("../images/icon/shop/visa.svg")}
.icon-maestro {background-image: url("../images/icon/shop/maestro.svg")}
.icon-mastercard {background-image: url("../images/icon/shop/mastercard.svg")}
.icon-next {background-image: url("../images/icon/next.svg")}
.icon-close {background-image: url("../images/icon/close.svg")}
.icon-user-round {background-image: url("../images/icon/user.svg")}
.icon-check-violet {background-image: url("../images/icon/check-violet.svg")}
.icon-question-round-violet {background-image: url("../images/icon/question-round-violet.svg")}
.icon-alert-violet {background-image: url("../images/icon/alert-violet.svg")}
.icon-pin {background-image: url("../images/icon/pin.svg")}
.icon-clock {background-image: url("../images/icon/clock.svg")}
.icon-mail {background-image: url("../images/icon/mail.svg")}
.icon-trash-violet {background-image: url("../images/icon/trash-violet.svg")}