.icon {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background-size: cover;
}
    .icon-xxs {
        width: .8rem;
        height: .8rem;
    }
    .icon-xs {
        width: 1rem;
        height: 1rem;
    }
    .icon-s {
        width: 1.4rem;
        height: 1.4rem;
    }
    .icon-m {
        width: 1.8rem;
        height: 1.8rem;
    }
    .icon-ml {
        width: 4rem;
        height: 4rem;
    }    
    .icon-l {
        width: 5rem;
        height: 5rem;
    }

    .icon-xl {
        width: 7rem;
        height: 7rem;
    }

    .icon-white {
        filter: brightness(0) invert(1);
    }
    .icon-red {
        filter: invert(43%) sepia(100%) saturate(3872%) hue-rotate(334deg) brightness(85%) contrast(84%)
    }



.icon-live{
    background-image: url('icon/live.svg');
}
.icon-heart{
    background-image: url('icon/heart.svg');
}
.icon-editorial{
    background-image: url('icon/editorial.svg');
}