Add Icon to Cart Drawer

Topic summary

Goal: show a cart icon in the cart drawer only when it’s empty on Shopify’s Refresh theme.

Proposed approach:

  • Prepare an SVG version of the cart icon.
  • In the theme code: Actions > Edit code > Snippets > icon-cart-empty.liquid.
  • Update that file to render the SVG in the empty state (the provided screenshot highlights the exact location).

Context/terms:

  • SVG is a scalable vector image format, ideal for theme icons.
  • The cart drawer is the slide-out mini-cart; the icon should appear only when no items are present.

Artifacts:

  • A screenshot is included to indicate where to edit; no explicit code snippet was shared in-text.

Status/outcome:

  • One clear guidance post provided; no confirmation from the requester on success.
  • Thread appears open, with potential need for conditional logic or CSS details if further issues arise.
Summarized with AI on December 21. AI used: gpt-5.

Hey guys,

I want to add a cart icon to my cart drawer, the icon should only be displayed when it is empty, how do I do that?

Can someone help me?

I use the Refresh Theme

1 Like

Hi @Aihaam ,

First, you need to have SVG icon for it.

Then, go to Actions > Edit code > Snippets > icon-cart-empty.liquid file and change code here:

Hope it helps!