Как сделать круглую рамку, с отступом вокруг иконки?

Question

[Yevheniia_1]

.img_services{
    border: 2px solid var(--main-color);
    border-radius: 50%;
    padding: 20px;
    background-origin:content-box;
}

Но рамка перекрывает изображение, пример на скрине
Подскажите пожалуйста

Answer 1

[Andrew Garfield]

Как вариант.

Comments

[Yevheniia_1]

ДАаааа, это то что нужно, большоее спасибоо:)

[Ankhena]

Yevheniia_1, разумно отмечать решением ответы, которые помогли. И отвечающим приятно и другие будут знать хорошие ответы

[213123]

Чувак, я ебался с этим минут 30, спасибо тебе огромное. Я зарегался здесь, что бы сказать тебе это.

Answer 2

[Юпитер Макс]

основной элемент без бордера, псевдоэлемент befor или after с бордером. Ну или overflow:hidden;

Comments

[Yevheniia_1]

Спасибо;)

Answer 3

[Илья Севостьянов]

можно "поиграться" с box-shadow
тень наружу и перекрытия не будет.
Довольно частый прием для нестандартных бордеров.
https://codepen.io/theroux/pen/mkoCd

Comments

[Yevheniia_1]

Спасибо!