Dawn Theme | Changing SVG icons in Dawn 15.2

Store Design
, , , ,

Topic summary

A user successfully changed the cart icon in Dawn 15.2 but encountered issues replacing other header icons (search, account, and hamburger menu).

Solution provided:

  • In Dawn’s updated structure, icons are stored as individual SVG files in the Asset folder rather than in Snippets
  • Specific files to modify:
    • Search: icon-search.svg
    • Account: icon-account.svg
    • Hamburger menu: icon-hamburger.svg

Follow-up issue:
The user’s custom SVG icons aren’t displaying correctly. The helper identified the problem: replacement SVGs must match the original viewBox="0 0 20 20" dimensions, otherwise they’ll be cropped. Alternative solutions include adjusting the viewBox or using CSS modifications.

Status: The user shared their website URL for specific CSS assistance, but no final resolution was posted. A side conversation emerged about the store’s custom features and design implementation.

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

I was able to change the cart icon but can’t manage to change the others icons like:

Search

Account

Hamburger (mobile menu)

Any help please?

2

Hi @Ell_Soll

Thank you for posting regarding this. This instructions below will be helpful for other Shopify users like you. So with the updated Shopify free theme, shopify developers decided to upload icons in the Asset folder instead of SVG code in the Snippet folder.

  1. From the Admin page, go to Online Store > Themes
  2. Select the theme you want to edit, click the three dots to edit code
  3. Under the Asset folder, you need to find the corresponding icon and replace it with your own code.
  4. Click the file, and it should open the code, and then replace it with your own SVG code

Below is the corresponding file you need to change in the Asset folder

Search - icon-search.svg

Account - icon-account.svg

Hamburger (mobile menu) - icon-hamburger.svg

Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful.

3

I forgot to mention that I know the files and qll that.

The issue is that for some reason my SVGs are not fitting well and I don’t understand why.

4

You have to have the same viewBox=“0 0 20 20” with the icon you are replacing. You cannot simply replace the viewBox of your icon of they are not the same, it will cut your SVG. Other way is to do it via CSS code. If you provide your website link, I can provide you the code

5
6

Different question @Ell_Soll , you customized your store with dawn theme all yourself?
Looks pretty impressive, and I can’t see any additional apps installed through my chrome extensinon?
Would appreciate if you could leave some info how to add all the additional sections & features you have in your store.

7

Hi,

Contact me through the mail box and I will be happy to help.

support@ellsoll.com