.icon{
    --_icon-width: 32px;
    --_icon-height: 32px;
    display: inline-block;
    width: var(--_icon-width); height: var(--_icon-height); line-height: 1;
    background-size: cover; background-position: center center; background-repeat: no-repeat;
    transform-origin: center;
}

.icon-rotate-90{
    transform: rotate(-90deg);
}

.icon-menu{
    background-image: url('../icons/menu.svg');
}

.icon-search{
    background-image: url('../icons/search.svg');
}

.icon.icon-social{
    --_icon-width: 18px;
    --_icon-height: 18px;
}

.icon-social-x{
    background-image: url('../icons/twitter-x.svg');
}

.icon-social-facebook{
    background-image: url('../icons/facebook.svg');
}

.icon-social-youtube{
    background-image: url('../icons/youtube.svg');
}

.icon-social-tiktok{
    background-image: url('../icons/tiktok.svg');
}

.icon-social-instagram{
    background-image: url('../icons/instagram.svg');
}

.icon-social-linkedin{
    background-image: url('../icons/linkedin.svg');
}

.icon-play{
    background-image: url('../icons/circle-play-solid-full.svg');
}