Use custom cart icon on website - Dawn theme

[jasminsharp97]

I tried several times to figure this out, but all the tutorials I found were outdated and didn't solve my problem. I want to replace the existing cart icon on my site with this one, but all the instructions I saw referenced the icon-cart.liquid file and I can't find that. How can I use a custom icon in my header? I have a png and an svg.

I'm working on this site: https://gelt-glow.myshopify.com/

This is the password: tughao

[Eric-HAN]

Hi， there

Have you ever used your app to customize your website header？ 

[DaisyVo]

Hi,

It seems like you know a bit of liquid coding. You can go to your Dawn theme code, and look for header.liquid, find the part that use the icon-cart.svg as an icon: https://imgur.com/YK42Pub
Then upload your icon to the theme as SVG, for empty, and one with added state. It can be the same icon if you want to. Then update the the header.liquid to according svg file.

PS: You can use this extension to search in the theme code editor: https://chromewebstore.google.com/detail/shopify-theme-search-fast/kehfecdknjlanbagfdianfdmochlaloe?...

Regards,
Avada team

[LizHoang]

Hi @jasminsharp97 

May I know which icon that you want to change? Can you share with me the screenshot as an example ? 

Thank you