.icon-hm {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    color: #373737;
}
.icon-hm::before{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain !important;
    background-color: currentColor;
}
.icon-hm-house::before {
    -webkit-mask: url("../img/icon/house.svg") no-repeat center !important;
    mask: url("../img/icon/house.svg") no-repeat center !important;
}
.icon-hm-layout-grid::before {
    -webkit-mask: url("../img/icon/layout-grid.svg") no-repeat center !important;
    mask: url("../img/icon/layout-grid.svg") no-repeat center !important;
}
.icon-hm-newspaper::before {
    -webkit-mask: url("../img/icon/newspaper.svg") no-repeat center !important;
    mask: url("../img/icon/newspaper.svg") no-repeat center !important;
}
.icon-hm-shopping-basket::before {
    -webkit-mask: url("../img/icon/shopping-basket.svg") no-repeat center !important;
    mask: url("../img/icon/shopping-basket.svg") no-repeat center !important;
}
.icon-hm-user-round::before {
    -webkit-mask: url("../img/icon/user-round.svg") no-repeat center !important;
    mask: url("../img/icon/user-round.svg") no-repeat center !important;
}
.icon-hm-search::before {
    -webkit-mask: url("../img/icon/search.svg") no-repeat center !important;
    mask: url("../img/icon/search.svg") no-repeat center !important;
}