.icon{--size: 24px; width: var(--size); height: var(--size); display: block; transition: var(--transition-300);}

.icon-prod{
    -webkit-mask: url(../../images/icon/icon-prod.svg) no-repeat center;
    mask: url(../../images/icon/icon-prod.svg) no-repeat center;
}
.icon-search{
    -webkit-mask: url(../../images/icon/icon-search.svg) no-repeat center;
    mask: url(../../images/icon/icon-search.svg) no-repeat center;
}
.icon-shop{
    -webkit-mask: url(../../images/icon/icon-shop.svg) no-repeat center;
    mask: url(../../images/icon/icon-shop.svg) no-repeat center;
}
.icon-shopping{
    -webkit-mask: url(../../images/icon/icon-shoping.svg) no-repeat center;
    mask: url(../../images/icon/icon-shoping.svg) no-repeat center;
}
.icon-chat{
    -webkit-mask: url(../../images/icon/icon-chat.svg) no-repeat center;
    mask: url(../../images/icon/icon-chat.svg) no-repeat center;
}
.icon-cart{
    -webkit-mask: url(../../images/icon/icon-cart.svg) no-repeat center;
    mask: url(../../images/icon/icon-cart.svg) no-repeat center;
}
.icon-i{
    -webkit-mask: url(../../images/icon/icon-i.svg) no-repeat center;
    mask: url(../../images/icon/icon-i.svg) no-repeat center;
}
.icon-arrow-triangle{
    -webkit-mask: url(../../images/icon/icon-arrow-triangle.svg) no-repeat center;
    mask: url(../../images/icon/icon-arrow-triangle.svg) no-repeat center;
}
.icon-clock{
    -webkit-mask: url(../../images/icon/icon-clock.svg) no-repeat center;
    mask: url(../../images/icon/icon-clock.svg) no-repeat center;
}
.icon-aboutfest{
    -webkit-mask: url(../../images/icon/icon-aboutfest.svg) no-repeat center;
    mask: url(../../images/icon/icon-aboutfest.svg) no-repeat center;
}
.icon-download{
    -webkit-mask: url(../../images/icon/icon-download.svg) no-repeat center;
    mask: url(../../images/icon/icon-download.svg) no-repeat center;
}
.icon-download-png{
    -webkit-mask: url(../../images/icon/icon-download-png.svg) no-repeat center;
    mask: url(../../images/icon/icon-download-png.svg) no-repeat center;
}
.icon-cursor-tap{
    -webkit-mask: url(../../images/icon/icon-cursor-tap.svg) no-repeat center;
    mask: url(../../images/icon/icon-cursor-tap.svg) no-repeat center;
}