Как изменить цвет изображения при наведении

Мне нужно изменить цвет фона изображения. Изображение представляет собой изображение круга с белым фоном, мне нужно, когда вы наводите на него курсор, чтобы изменить фон изображения круга на синий. Мне нужно изменить только круг.

Мой HTML-код

В CSS я написал:

.fb-icon:hover {
    background: blue;
}

Приведенный выше код дает мне синий цвет, но в виде рамки вокруг значка круга. мне нужно изменить фон самого круга. Представьте, что это похоже на сигнал, что он белый, когда вы наводите курсор мыши, он становится синим.

Пожалуйста, мне нужно решение, если это можно сделать с помощью CSS или чего-то еще. Извини, если я затянусь.

Проблема: ссылка