.icon {
    width: 17px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon::before {
    content: '';
    width: inherit;
    height: inherit;
    display: block;
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: #40415c;
}
.icon.icon-img::before {
    background-color: transparent;
    mask-image: none;
    -webkit-mask-image: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.icon-instagram::before {
    mask-image: url(/base/icons/instagram.svg);
    -webkit-mask-image: url(/base/icons/instagram.svg);
}
.icon-eitaa::before {
    mask-image: url(/base/icons/eitaa.svg);
    -webkit-mask-image: url(/base/icons/eitaa.svg);
}
.icon-aparat::before {
    mask-image: url(/base/icons/aparat.svg);
    -webkit-mask-image: url(/base/icons/aparat.svg);
}
.icon-splus::before {
    mask-image: url(/base/icons/splus.svg);
    -webkit-mask-image: url(/base/icons/splus.svg);
}
.icon-profile::before {
    mask-image: url(/base/icons/profile.svg);
    -webkit-mask-image: url(/base/icons/profile.svg);
}
.icon-profile.icon-img::before {
    background-image: url(/base/icons/profile.svg);
}
.icon-nav::before {
    mask-image: url(/base/icons/nav.svg);
    -webkit-mask-image: url(/base/icons/nav.svg);
}
.icon-nav.icon-img::before {
    background-image: url(/base/icons/nav.svg);
}
.icon-play::before {
    mask-image: url(/base/icons/play.svg);
    -webkit-mask-image: url(/base/icons/play.svg);
}
.icon-play.icon-img::before {
    background-image: url(/base/icons/play.svg);
}
.icon-right-arrow::before {
    mask-image: url(/base/icons/right-arrow.svg);
    -webkit-mask-image: url(/base/icons/right-arrow.svg);
    
}

.icon-left-arrow-bold::before {
    mask-image: url(/base/icons/left-arrow-bold.svg);
    -webkit-mask-image: url(/base/icons/left-arrow-bold.svg);
}
.icon-right-arrow-bold::before {
    mask-image: url(/base/icons/left-arrow-bold.svg);
    -webkit-mask-image: url(/base/icons/left-arrow-bold.svg);
    transform: rotate(180deg);
}