How to resize a custom shopping cart icon in Dawn theme?

Store Design
,
1

Hi friends! I want to resize the custom shopping cart SVG icon I created so that it is the same size as the search bar icon, and for it to have the same hover action as the search bar icon.

I created the icon in Adobe Illustrator and pasted the following SVG code into icon-cart-empty.liquid and icon-cart.liquid. I am using Dawn theme and my URL is www.day204clothing.com. I really appreciate your help and I am happy if you have any questions!

SVG Code:
2

Hi @Day204
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

try to change the number to the size you want

#cart-icon-bubble svg{
width: 15px;
height: 15px;
}
3

@ExpertRookie Thank you!

4

@ExpertRookie Would you happen to know how I can add the hover action to this custom SVG?

Your help is really appreciated!

5

If you want to change the color:

#cart-icon-bubble:hover svg {
  fill: orange;
}
6

@ExpertRookie Truly appreciate it! It worked.