How can I upload and display custom SVG icons for the dawn theme?

Store Design
, , , , ,
1

I have created my own SVG icons for the header for the dawn theme. I am unable to find somewhere to upload them so I can get the SVG path so I can display them on my website. How and where can I do this? Or is there a different way I can do this? Thanks

2

Hi @xnyjyh

This is Richard from PageFly - Shopify Page Builder App

Currently, you cannot upload and use the svg by that way, if you want to replace to your icon, you will need to replace the svg code itself.

About to change the cart icon, you have to download the icon as svg format first

Then you can click and open the svg file > right click on the svg and copy all the code here

PageFlyRichard_0-1703637661402.png
PageFlyRichard_0-1703637661402.png400×198 9.91 KB

After that go to theme edit code > search for icon-hamburger.liquid and replace the code with the one you copied

Do the same for cart, search, account icon

Hope this can help you solve the issue

Best regards,

Richard | PageFly

3

yes, it works fine. How do I change the sizing of the icon? Its too big haha

4

you can adjust size direct to the svg code for example :

<svg width=“50px” height=“50px” …

5

I saw that and did it already, Thanks so much! :slightly_smiling_face:

6

Glad that my solution is working for you, have a nice day :heart:

7

Sorry, one mroe question. I can’t seem to find search icon. Other ones are easy to find in backend code section, but not search. Know where I can find the icon for that so I change it?