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

mohcro · ‎11-26-2023

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?

Dan-From-Ryviu · ‎11-26-2023

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">

Replace theme with your search icon code

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- 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

Dan-From-Ryviu · ‎11-26-2023

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">

Replace theme with your search icon code

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- 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 · ‎11-26-2023

Thaaaank You!😍 it's working fine now

Dan-From-Ryviu · ‎11-26-2023

Happy I could help

Regards,

Dan

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- 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 · ‎01-18-2024

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!

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

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

Community Blog Articles