How can I resize my cart icon to match the search icon in the Dawn theme?

[SparklingWater]

I am using the Dawn theme.
I have changed the icon of my cart but it's too big, how can I make it so it matches my search icon?

Photo 1 and Photo 2 are the code I have edited.

Here is a copy of the code:
<?xml version="1.0" ?><svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="256" width="256"/><path d="M184,184H69.8L41.9,30.6A8,8,0,0,0,34.1,24H16" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><circle cx="80" cy="204" fill="none" r="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><circle cx="184" cy="204" fill="none" r="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/><path d="M62.5,144H188.1a15.9,15.9,0,0,0,15.7-13.1L216,64H48" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></svg>

[PageFly-Henry · Accepted solution]

Hi @SparklingWater 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

.header__icon--cart {

    height: 3rem !important;

    width: 3rem !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[fouzzy]

Hello, I tried your code but whenever I change the rem size to 2.4 so it's the same size as the account and search Icons, the cart icon positions itself above the other icons. 

.header__icon--cart {

height: 2.4rem !important;

width: 2.4rem !important;

}

[cofolucian]

I have an issue where our header icons are minimizing to be very tiny upon the page fully loading

[willpollard96]

I'm also having this issue in the Refresh theme!