.icon-sm{
    width: 40px !important;
}

.icon-md{
    width: 50px !important;
}

.icon-lg{
    width: 80px !important;
    height: 80px !important;
}

.icon-logo{
    width: 233px !important;
}

.icon-sunlight{
    filter: invert(80%) sepia(59%) saturate(593%) hue-rotate(342deg) brightness(100%) contrast(103%);
}

.icon-purple{
    filter: brightness(0) saturate(100%) invert(43%) sepia(20%) saturate(1838%) hue-rotate(208deg) brightness(92%) contrast(96%);
}

.icon-black{
    filter: invert(6%) sepia(5%) saturate(3559%) hue-rotate(189deg) brightness(97%) contrast(86%);
}

.icon-white{
    filter: invert(100%) sepia(82%) saturate(2%) hue-rotate(304deg) brightness(104%) contrast(101%);
}

.icon-red{
    filter: invert(69%) sepia(56%) saturate(6872%) hue-rotate(328deg) brightness(103%) contrast(101%);
}