Re: How Do I Change My Search Icon for my Dawn theme 12.0.0?

Solved

How Do I Change My Search Icon for my Dawn theme 12.0.0?

mohcro
Shopify Partner
2 0 0

I'm working to change the icons on my shop and so far I've managed to figure out how to change my cart icon. However, I can't seem to figure out how I can replace the search icon with my own search icon.

 

Can anyone help me out with this?

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
9576 1925 1962

This is an accepted solution.

Hi @mohcro 

Please go to your Online store > Themes > Edit code > open header-search.liquid, find the code contain this line of code

<use href="#icon-search">

Screenshot_4.jpgScreenshot_3.jpg

Replace theme with your search icon code

 

 

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
9576 1925 1962

This is an accepted solution.

Hi @mohcro 

Please go to your Online store > Themes > Edit code > open header-search.liquid, find the code contain this line of code

<use href="#icon-search">

Screenshot_4.jpgScreenshot_3.jpg

Replace theme with your search icon code

 

 

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

mohcro
Shopify Partner
2 0 0

Thaaaank You!😍 it's working fine now 

Dan-From-Ryviu
Shopify Partner
9576 1925 1962
Happy I could help

Regards,

Dan

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

egmzem
Visitor
2 0 0

Hello.  Thanks for sharing this, however my new svg search icon seems to be getting cut off...  My new account and cart icons are the same size and look great, but search is getting cut off.  Any ideas?

 

Also, how do you center the cart number in my new cart icon?

 

Thank you!