Change customer account Icon?

sumnb0011
Shopify Partner
46 0 19

Hello,

My website is popcycleco.com - I am using the Debutify theme.

I would like to change the customer account icon to one I have saved as an SVG file 

This is the link for the SVG file - https://cdn.shopify.com/s/files/1/0404/4501/8274/files/account.svg?v=1636471249

Where about should I input this code to change it?

Thanks 

 

Replies 6 (6)

KetanKumar
Shopify Partner
36839 3635 11971

@sumnb0011

yes please check your header section file  code its allow this 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
sumnb0011
Shopify Partner
46 0 19

Thanks for the reply - where abouts should I add it there - I cant find a line that has SVG.

KetanKumar
Shopify Partner
36839 3635 11971

@sumnb0011 

oh sorry your theme use font icon so please find fa-user this class and add you svg child this class 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
sumnb0011
Shopify Partner
46 0 19

Thanks but where am I editing this line?

FA User:

<span class="fas fa-user fa-fw" aria-hidden="true"></span>

SVG:

https://cdn.shopify.com/s/files/1/0404/4501/8274/files/account.svg?v=1636471249

 

 

KetanKumar
Shopify Partner
36839 3635 11971

@sumnb0011 

please updat this 

<span class="fas fa-user fa-fw" aria-hidden="true"></span>

to 

<span class="custom-svg" aria-hidden="true"><img src="{{ 'account.svg' | file_img_url: 'master' }}" alt="{{ shop.name }}" itemprop="logo"></span>

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Ollie
Shopify Staff
2257 452 393

Hey @sumnb0011.

Thanks for reaching out.

Did you attempt to update the coding as suggested above by @KetanKumar?

Looking into the options available for the Debutify theme, it looks like this is a third-party theme that is developed and supported by Debutify. In any case, it would be best to reach out directly to the developers with this inquiry as they should be able to provide you with further support.

I did come across to finding their Contact Us page that will allow you to reach out to them.

Let me know if you have any questions.

Ollie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog