How to successfully change the search icon in Dawn 7.0.1?

[B_Fowl]

Hello, I have gotten to the steps of accessing my header. liquid file in my code editor but when I change my icon it either isn’t there at all or occupies the entire top part of the screen.

This is the icon I would like to add.

<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 384"><path d="M157.16,85.09c-9.73,0-19.17,1.91-28.06,5.67-8.58,3.63-16.29,8.83-22.91,15.44-6.62,6.62-11.81,14.32-15.44,22.91-3.76,8.89-5.67,18.33-5.67,28.06,0,4.02,3.26,7.28,7.28,7.28s7.28-3.26,7.28-7.28c0-7.77,1.52-15.3,4.52-22.39,2.9-6.85,7.04-13,12.33-18.28,5.28-5.28,11.44-9.43,18.28-12.33,7.09-3,14.62-4.52,22.39-4.52,4.02,0,7.28-3.26,7.28-7.28s-3.26-7.28-7.28-7.28Z"/><path d="M334.44,301.84l-71.54-62.44c-3.14-2.74-7.35-3.51-11.09-2.38l-10.86-12.14c36.04-44.1,33.5-109.2-7.64-150.34-43.85-43.85-114.93-43.85-158.78,0-43.85,43.85-43.85,114.93,0,158.78,41.13,41.13,106.24,43.68,150.34,7.64l12.14,10.86c-1.13,3.74-.36,7.95,2.38,11.09l62.44,71.54c8.8,10.08,24.29,10.6,33.74,1.14h0c9.46-9.46,8.93-24.95-1.14-33.74ZM93.9,213.94c-33.15-33.15-33.15-86.89,0-120.04,33.15-33.15,86.89-33.15,120.04,0,33.15,33.15,33.15,86.89,0,120.04-33.15,33.15-86.89,33.15-120.04,0Z"/></svg>

This is the original code from line 116 header.liquid in dawn 7.0.1

[KetanKumar]

@B_Fowl

oh sorry for that issue can you please send store url so i will check and let you know

[B_Fowl]

farmhousequiltingco.com

password: Betatest

[PageFly-Victor]

Hi @B_Fowl ,

This is Victor from PageFly - Shopify Page Builder App.

Please follow these steps:

• First: create a file containing icon: snippets=>add a new snippets=>search_icon=>done. Then paste my code in

• Second: In the file header.liquid you find the keyword “header__icon–search” it will have 2 positions. please comment the old code and add {% render “icon_search” %} (filename you just created)

Hope my solution works perfectly for you!

Regards,
Victor | PageFly