How to change shopping cart icon?

It seems Nop Template theme has changed the way where it stores icons. Those icons are no longer in \Content\img directory. Could someone let me know how I can change the shopping cart icon? The default icon is not intuitive. It is not a shopping cart. It is a shopping bag. This is not similar to any other popular online shopping website and may confuse users.

Hello xiahrj.

Avenue theme is not using images for icons, they are implemented as vector shapes coming from a font file.
You can't edit the font file, but if you are familiar with CSS you can override the default code for that specific icon and refer some new image icon that you can put into the theme "img" folder.

Thank you for your reply. Could you provide an example code of how to achieve the goal using CSS?

You can use the following CSS code in your Custom Head Styles field in the theme settings:

.header-lower .cart-button .trigger:before {
    content: "\e04f";
}

Where e04f is the icon code. The icons are defined in the \Themes\Avenue\Content\fonts\avenue_font.svg file and you can find the codes for the other icons there.

Alternatively, you can define your own icons, however, that would require some development knowledge and customization.