Custom SVG Cart, Search, & Account Icons

xnyjyh
Excursionist
141 0 6

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

Replies 6 (6)

PageFly-Richard
Shopify Partner
4079 913 1567

 

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

 

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

xnyjyh
Excursionist
141 0 6

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

PageFly-Richard
Shopify Partner
4079 913 1567

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

<svg width="50px" height="50px" ....

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

xnyjyh
Excursionist
141 0 6

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

PageFly-Richard
Shopify Partner
4079 913 1567

Glad that my solution is working for you, have a nice day ❤️ 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

xnyjyh
Excursionist
141 0 6

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?