Does anybody know how to add SVG Files to shopify dawn theme?

Store Design
1

Hello,

i am running a online store and i need to know how to add svg files to my homepage.

i am using dawn theme.

i hope someone can help me with that i am so frustrated about that.

thank you

2

hi @Sipanerbek ,

Solve for your issue,

Case 1: You can copy all the xml code of svg file and paste to position you want it show.

Case 2: You create one file in snippets folder and call is icons.liquid => then you copy the xml code of svg in here => in the homepage you can call the file by syntax {% render ‘icons’ %}

Hope can help to you!

3

How do i case two ?
Please a little bit more detailed, would be nice i am new to code editing.

Thank you ?

4

Hi @Sipanerbek ,

Please go to Actions > Edit code > Add a new snippet.

First, you need to create the icon name here:

Screenshot.png
Screenshot.png1227×425 23.2 KB

After that, you need to paste the entire SVG code into the newly created file and save it.

Finally, you can use the following code to get the file anywhere in your theme:

{% render 'name icon' %}

Hope it is clear to you.

5

Hello Sipanerbek, I Can Show You How To Add SVG Logo in Dawn Theme Shopify By watching this tutorial :

https://youtu.be/j7eJ-HiPt6c