Как сделать фон для иконок?

Question

[Дарья ннн]

Подскажите, пожалуйста, как сделать такой фон для иконок?

<div class="user-nav">
                    <a class="user-nav__link user-nav__link--serch" style="background-image: url(images/icons/iconf1.png);" href="#">
                        <img class="user-nav__img" src="images/icons/icon.png" alt="user btn">
                    </a>
                    <a class="user-nav__link user-nav__link--liked" href="#">
                        <img class="user-nav__img" src="images/icons/liked.png" alt="user btn">
                        <span class="user-nav__num">0</span>
                    </a>
                    <a class="user-nav__link user-nav__link--basket" href="#">
                        <img class="user-nav__img" src="images/icons/basket.png" alt="user btn">
                        <span class="user-nav__num">0</span>
                    </a>
                    <a class="user-nav__link user-nav__link--other" style="background-image: url(images/icons/iconf4.png);" href="#">
                        <img class="user-nav__img" src="images/icons/other.png" alt="user btn">
                    </a>
                </div>

нужно только то что в центре

Comments

[Triborg-333]

Попробуйте это:

.user-nav a {
     background-color:#EDF1F4;
     border-radius: 50px;
     width: 100px;
     height: 100px;
     margin: 0px 5px; 
   }

Answer 1

[Triborg-333]

.user-nav a {
background-color:#EDF1F4;
border-radius: 50px;
width: 100px;
height: 100px;
margin: 0px 5px;
}