Adding a icon to the header code before the search icon

[MHSAdelaide2024]

Hi Everyone, 

We are using the latest Dawn theme, and I wish to add a heart icon to the header to the left of the search icon. 

We are currently using the Swishlist application for simplicity. Ultimately, I'd love to know how to do this so we can customise the icons in the header for anything we want. 

Most previous solutions are not relevant for this theme or are about other style changes. 

Thanks in advance. 

[Guleria]

Hello @MHSAdelaide2024 ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your Sections -> header.liquid 
Here at line no. 227 you will find this code

{% render 'header-search', input_id: 'Search-In-Modal' %}

Just above to it add your new icon code.

Thanks

[MushSon]

Hello, @Guleria I also want to add the call icon before search bar. But when I add it  before this code, it appears before the cart icon and after the search icon. Like this 

I want both the icons on the left side of search bar. 
https://mushtaqsons.pk/?_ab=0&_fd=0&_sc=1

[Huptech-Web]

Good day @MHSAdelaide2024, Could you kindly provide me with the link to your store? 

[MushSon]

Hello, I also want to add the call icon before search bar. But when I add it  before this code, it appears before the cart icon and after the search icon. Like this 

I want both the icons on the left side of search bar. 
https://mushtaqsons.pk/?_ab=0&_fd=0&_sc=1