How can I resize an icon added to my website header?

[hellocc]

Hi,

I'm trying to remove the login/logout text in my theme and replace them with the an icon.

I have added the icon to my header (see code below) but I can' seem to target it in order to make it smaller. 

Can anyone help please? Thank you!

          {% if shop.customer_accounts_enabled %}
            {% if customer %}
              <li class="top-bar__menu-item">
                <a
                  class="top-bar__menu-item-link"
                  id="customer_logout_link"
                  href="{{ routes.account_logout_url }}"
             >

<span  id="customer_login_link"> <img src="https://cdn.shopify.com/s/files/1/0760/8457/6545/files/account_icon_2f25c866-ba5a-43c8-8be0-c2dad31ec4ed.png?v=1708023560" alt="account" /></span>


                  
                  {{- 'layout.customer.log_out' | t -}}
                </a>
              </li>
              {% if customer.name != blank %}
                <li class="top-bar__menu-item">
                  <a
                    class="top-bar__menu-item-link"
                    href="{{ routes.account_url }}"
                    data-no-instant
                  >
                    {{- customer.name -}}
                  </a>
                </li>
              {% endif %}
            {% else %}
              <li class="top-bar__menu-item">
                <a
                  class="top-bar__menu-item-link"
                  id="customer_login_link"
                  href="{{ routes.account_login_url }}"   
                >

                  <span  id="customer_login_link"> <img src="https://cdn.shopify.com/s/files/1/0760/8457/6545/files/account_icon_2f25c866-ba5a-43c8-8be0-c2dad31ec4ed.png?v=1708023560" alt="account" /></span>


                  
                  {{- 'layout.customer.log_in' | t -}}
                </a>
              </li>
            {% endif %}
          {% endif %}

[Dan-From-Ryviu]

Hi @hellocc 

I'm Dan from Ryviu: Product Reviews & QA

You can remove those parts to remove those codes to remove the texts 

Best Regards,

Dan

[BSS-Commerce]

Hi @hellocc ,

Insert attribute width and height on <img> tag

width="20" height="20"

And this is the final result:

Hope it works @hellocc