/* SVG Icon Pack - Universal Icons with Mask */
.icon {
display: inline-block;
width: 50px;
height: 50px;
background-color: currentColor;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
}
/* Телефон - нормализован к viewBox 0 0 50 50 */
.icon-phone {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* Почта - уже нормализована к viewBox 0 0 50 50 */
.icon-mail {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* Telegram */
.icon-telegram {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* VK */
.icon-vk {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* WhatsApp */
.icon-whatsapp {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* YouTube */
.icon-youtube {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
/* Дополнительные размеры */
.icon-sm {
width: 24px;
height: 24px;
}
.icon-md {
width: 40px;
height: 40px;
}
.icon-lg {
width: 64px;
height: 64px;
}
.icon-xl {
width: 80px;
height: 80px;
}