How can I modify the search icon in the Dawn theme?

Topic summary

A user encountered difficulty replacing the search icon in the Dawn theme’s header.liquid file. Despite attempting to paste SVG code in what seemed like the correct location, the changes weren’t taking effect.

Solution provided:

  • Instead of modifying header.liquid, the fix involves editing the header-search file within the theme
  • Replace the existing SVG code in that file with the desired custom search icon SVG

Outcome:
The solution successfully resolved the issue. The key was identifying the correct file location—header-search rather than header.liquid—for implementing the icon change.

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

Hey i can’t get to change the search icon in header.liquid

I tried pasting the SVG embed into the highlighted area but didn’t work. Also tried changing the entire code between <svg and </svg.

Too something like this:

SHOP: https://993td55hj6675570-66895675693.shopifypreview.com

Any tips to what i am doing wrong?

Thanks!

1 Like

Hi @memikee

This is Noah from PageFly - Shopify Page Builder App

You can try replace this svg in the header-search file of the theme.

You can replace all those svg with your svg search icon

Hope this can help you solve the issue

Best regards,

Noah | PageFly

2 Likes

Worked! Thank you so much!