.icon {
position: relative;
display: inline-flex;
align-items: center;
gap: 6px; /* espacio entre icono y texto */
--color: currentColor;
}
/* Aquí va el icono */
.icon--web::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
vertical-align: middle;
color: var(--color);
background-color: var(--color);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
-webkit-mask-size: contain;
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
mask-image: url("data:image/svg+xml;utf8,");
}