Change shopping cart icon

Site URL: https://sandrazacharia.squarespace.com/

Hello, I wonder if you can help me with this code. I want to use a different shopping cart icon and I am using the following code:

/* Cart Icon in the Header */
.icon--cart {
  svg {
    display:none ;
  }

  background-image: url(https://static1.squarespace.com/static/5f86281606a9135cfdb25eba/t/61906bc144385f37e1965097/1636854721212/shopping+cart.png);
  background-size: 25px 25px;
  background-repeat: no-repeat;
}

The new icon will not display. And when I remove the word "none" after display in code, both icons appear, overlapping each other. I am having trouble with just the new icon appear (ring shape shopping cart)

password: jewelry

Thank you so much!

Jeanette

add !important after url, it should be

background-image: url(https://static1.squarespace.com/static/5f86281606a9135cfdb25eba/t/61906bc144385f37e1965097/1636854721212/shopping+cart.png) !important;