Как сделать иконку круглую, если подключаю font-awesome?

Question

[Ulyana]

вставляю иконку с помощью font-awesome и получается примерно такое:

а надо чтоб было такое....

понятное дело, что фэйсбук иконка короче по ширине, чем твиттер.
как тогда сделать??

Comments

[valgerofficial]

Эм.. может глупо.. но вы задали для контейнера иконки фиксованный размер?

[Ulyana]

[Андрей]

Александр Вальгер: ничего не глупо, видно же что он центрирует padding'ами, а они, естественно, раздувают элемент по разному в данном случае.
На сегодняшний день я бы не задумываясь задал для контейнера иконки, например:
{
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
https://jsfiddle.net/o5o6m1dh/

[Ulyana]

Андрей: большое спасибо)) идеальный вариант)))
напиши это отдельно ответом, чтоб я отметила как правильное решение))

Answer 1

[Андрей]

Очень мило, плюсик в карму :)
{
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
https://jsfiddle.net/o5o6m1dh/