Hide Custom Search Icon in Header on Homepage

I followed the tutorial to add a search button to the header

(https://www.will-myers.com/articles/adding-a-search-icon-to-your-site-header), it worked perfectly thank you!

Now is there a way to hide the search icon on pages that are not my shop pages? (Homepage, about page etc.)

Thank you