.icon {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    filter: invert(43%) sepia(88%) saturate(5674%) hue-rotate(201deg) brightness(106%) contrast(102%);
    transform: translateY(-2px);
}


.icon:hover {
    filter: invert(22%) sepia(92%) saturate(1696%) hue-rotate(200deg) brightness(93%) contrast(102%);
}

.iconYT {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    filter: invert(43%) sepia(88%) saturate(5674%) hue-rotate(201deg) brightness(106%) contrast(102%);
    transform: translateY(-2px);
}


.iconYT:hover {
    filter: invert(22%) sepia(92%) saturate(1696%) hue-rotate(200deg) brightness(93%) contrast(102%);
}