.icon {
    display: block;
    width: 2rem;
    height: 2rem;
    background-color: #040404;
    -webkit-mask: no-repeat center / contain;
    mask: no-repeat center / contain;
}

.icon--whatsapp {
    -webkit-mask-image: url(../icons/whatsapp.svg);
    mask-image: url(../icons/whatsapp.svg);
}

.icon--telegram {
    -webkit-mask-image: url(../icons/telegram.svg);
    mask-image: url(../icons/telegram.svg);
}

.icon--max {
    -webkit-mask-image: url(../icons/max.svg);
    mask-image: url(../icons/max.svg);
}

.icon--vk {
    -webkit-mask-image: url(../icons/vk.svg);
    mask-image: url(../icons/vk.svg);
}

.icon--youtube {
    -webkit-mask-image: url(../icons/youtube.svg);
    mask-image: url(../icons/youtube.svg);
}

.icon--vimeo {
    -webkit-mask-image: url(../icons/vimeo.svg);
    mask-image: url(../icons/vimeo.svg);
}