Change Cart to Custom SVG

[JhordanMSUITE]

Hello, I need help adding a custom shopping bag SVG to my site. I would like to keep the cart count active, but change out the icon. I added the SVG link details in the header-cart.liquid file, but don't really know where to go from there. I am using the bullet theme.

below if the new SVG link, and help on the steps I should take?

https://cdn.shopify.com/s/files/1/0783/3406/6984/files/Shopping_Bag_Empty_2.svg?v=1699543060

https://2d26b3.myshopify.com/

PW: reishi

[Justin-Simesy]

hello @JhordanMSUITE , in the header-cart.liquid file, you ctrl + F search for "cartCounter", you will see a li tag, inside there is a button tag, try this one inside the button tag

<img src="https://cdn.shopify .com/s/files/1/0783/3406/6984/files/Shopping_Bag_Empty_2.svg?v=1699543060" alt="cart icon"/>

[JhordanMSUITE]

Hi @Justin-Simesy this is the only button tag on in the file

<x-cell ps="center end"><button class="is-blank cartc">{%- render 'global-icon' with 'x' -%}</button></x-cell>

I tried to replace it with the code you provided and it turned the Cart's "x" into a black square