Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
How do I change the login / sign in icon in the header ?
Dawn Theme version 7.0.1
Solved! Go to the solution
This is an accepted solution.
Hi @THUC
We would like to give you a solution below:
- If you want to change the login/sign-in icon, please find the icon you want and download the SVG file.
- Open the downloaded SVG file with a text editor, for example, windows notepad.
- Copy the content inside the downloaded SVG file.
Then, go to Shopify's theme in admin and select Edit Code:
- Find the file icon-account.liquid
- Replace the content in the file with the copied content in the SVG. file
- Add class="icon icon-account" to the SVG tag as shown in the image "after"
Before
After:
- Check the change in the store:
I hope that it will work for you.
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
Product Labels by BSS | B2B Solution & Custom Pricing
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
This is an accepted solution.
Hi @THUC
We would like to give you a solution below:
- If you want to change the login/sign-in icon, please find the icon you want and download the SVG file.
- Open the downloaded SVG file with a text editor, for example, windows notepad.
- Copy the content inside the downloaded SVG file.
Then, go to Shopify's theme in admin and select Edit Code:
- Find the file icon-account.liquid
- Replace the content in the file with the copied content in the SVG. file
- Add class="icon icon-account" to the SVG tag as shown in the image "after"
Before
After:
- Check the change in the store:
I hope that it will work for you.
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
Product Labels by BSS | B2B Solution & Custom Pricing
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Hello,
I tried this solution but the icon just disappeared from both the desktop and mobile. any suggestions?
It worked with me. It's just smaller than the cart icon 😕
can you tell me how to increase the login icon size for desktop ?