How can I add an SVG image to my add to cart button?

Store Design
, ,

Topic summary

A user is attempting to add an SVG icon to their “add to cart” button, similar to a reference image showing a bag icon. Despite having the SVG file ready, they’ve struggled for days with the implementation code.

Current Status:

  • User provided their store URL (www.shopworms.com) for assistance
  • A support representative is guiding them through the solution

Proposed Solution:
The helper instructed them to:

  1. Navigate to Online store > Themes > Edit code
  2. Open the theme.liquid file
  3. Add specific code after the <head> markup tag

Note: The conversation includes code snippets and reference images that are central to implementing the solution. The discussion appears ongoing as the implementation steps are being provided.

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

Hi there, how can I add this SVG image to my add to cart button like how it has in the attached image? Have been trying to figure it out myself for days and can’t seem to find out how, thanks <3.

add to bag icon.jpg
add to bag icon.jpg512×138 5.21 KB

I have the SVG ready but I am having trouble with the coding: https://cdn.shopify.com/s/files/1/0579/9673/8721/files/bag.png?v=1669863100

2

Hi @9INE

Please drop your store link please

3

www.shopworms.com

4

Please go to your Online store > Themes > Edit code > open theme.liquid file, add this code after tag

Screenshot_8.jpg
Screenshot_8.jpg1233×476 54.3 KB