.icon {
    height: 24px;
    padding-right: 4px;
}

.icon-bigger {
    height: 32px;
    padding-right: 4px;
}

.red {
    filter: invert(13%) sepia(94%) saturate(7466%) hue-rotate(0deg) brightness(64%) contrast(115%);
}

.purple {
    filter: invert(5%) sepia(78%) saturate(6858%) hue-rotate(276deg) brightness(67%) contrast(101%);
}

.blue {
    filter: invert(12%) sepia(63%) saturate(6234%) hue-rotate(246deg) brightness(67%) contrast(156%);
}
.green {
    filter: invert(48%) sepia(79%) saturate(6476%) hue-rotate(86deg) brightness(87%) contrast(119%);
}
.grey {
    filter: invert(80%) sepia(60%) saturate(1%) hue-rotate(343deg) brightness(102%) contrast(88%);
}