[Помогите] Проблема с CSS, как увеличить изображение иконки

Здравствуйте, такая проблема, создал произвольную область виджета в wordpress, залил туда иконку личного кабинета через виджет "изображение", со стилем как у корзины и поиска, всё подогнал и стало выглядеть хорошо, но до момента пока не добавляю ссылку к изображению, иконка внутри круга сразу уменьшается и ничего не могу сделать с её размером. Помогите пожалуйста решить вопрос.
http://frodo1r0.beget.tech

 

Ничего не понятно.
Вкачай картинку как корзина
.fa-opencart:before {content: "\f23d";}
Как на корзине....
У тебя уже вкачены картинки через скрипт сайта сторонего, где выложены все картинки. Найти просто свой номер.

Вместо:

<div id="account"><section id="account" class="account"><a href="http://frodo1r0.beget.tech/my-account/"><img width="18" height="18" src="http://frodo1r0.beget.tech/wp-content/uploads/2020/08/bezymyannyj-2.svg" class="image wp-image-1021 attachment-0x18 size-0x18" alt="" loading="lazy" style="max-width: 100%; height: auto;" srcset="http://frodo1r0.beget.tech/wp-content/uploads//2020/08/bezymyannyj-2.svg 150w, http://frodo1r0.beget.tech/wp-content/uploads//2020/08/bezymyannyj-2.svg 300w, http://frodo1r0.beget.tech/wp-content/uploads//2020/08/bezymyannyj-2.svg 1024w" sizes="(max-width: 18px) 100vw, 18px"></a></section></div>

Див блока, где вкачал картинку. Заменяй на:

<div class="cart-auk">
<div class="flash-cart-views">
<a href="http://frodo1r0.beget.tech/my-account/" class="wcmenucart-contents">
<i class="fa fa-openauk"></i>
</a>
</div>
</div>

В стилях css добавляй записи:
.fa-openauk:before {content: "\f007";}
.cart-auk {float: right; padding: 20px 0 20px 30px; position: relative;}


Ну а чтобы были размеры от иконок одинаковые: по 30px, а в поиске стоит 40. Просто поменять запись:

.header-bottom .search-wrap {
float: right;
padding: 20px 0 20px 40px;
position: relative;
}

На:
.header-bottom .search-wrap {
float: right;
padding: 20px 0 20px 30px;
position: relative;
}