How can I modify the size and border of my shopping cart icon?

Shopify Discussion

Topic summary

A user is attempting to replace their shopping cart icon with a custom SVG file but encountering two issues:

Problems:

  • An unwanted border appears around the new bag icon
  • Unable to adjust the icon’s size

Goal:

  • Match the size of the search icon on their store

Technical Details:

  • Working with SVG code that includes specific attributes (class, xmlns, path fill, stroke, viewBox)
  • The SVG appears to have some corrupted or improperly formatted path data in the provided code snippet

The discussion remains open with no solutions provided yet. The user has shared their store link and the SVG code they’re working with, seeking guidance on CSS or code modifications to resolve the border and sizing issues.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Hello all, I am trying to change out my shopping bag icon, but I’m having the issue where the bag has a boarder around and I cant change the size. Please help!

This is the SVG file.

Shopping Bag

I am trying to make it the same size as the search icon.

my store link:

julytwentysix.co