Change account symbol on theme

[Gypsymoon]

Hi!

I am wondering how do I change the customer account symbol on my theme header? I have added the symbol I would like to use to my files 🙂

pic attached of the symbol I would like to change.

[Dan-From-Ryviu · Accepted solution]

I converted it to svg for you. Here is svg code 

<svg xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="0 0 25 25" width="25" height="25">
	<title>Profile_25-25_1</title>
	<defs>
		<image width="25" height="25" id="img1" href="data&colon;image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAAXNSR0IB2cksfwAAADNQTFRFAAAA////////////////////////////////////////////////////////////////t5XiggAAABF0Uk5TABBgn8//gO/fj0Awr79wUCAKQYppAAAA40lEQVR4nHVS27LDIAjEcFM4Jvn/rz1GiE07LS/qsMvCCkBE2ZCYmXAr8IwiWps5uElVeeS8kq2HUfWV0PZWoanfiW2e21/veYtUqcFA3W1XDFa9tIQCNx+lBotk3DXEKQsFzrQMbKhxAIzjObiYfdExjyOBgnBPknKXQEwFnL0X6gbeKQ04GXg5hMqKyxleHDgPETlOWJzUsT58luF3t1snemssgT6FW/Y250Fa9oITxjyXB2HTaoXa9GAMYuzwDGebY5WaBr+iaRRx3T8y++vrfvzptQf1+x48d6e97w5827d/X7QGoIDD+HcAAAAASUVORK5CYII="/>
	</defs>
	<style>
	</style>
	<use id="Background" href="#img1" x="0" y="0"/>
</svg>

[Dan-From-Ryviu]

Hi @Gypsymoon 

You can may can do that by change that svg icon in your icon-account.liquid file (may your theme place different file name)

[Gypsymoon]

Hi!

I don’t have an icon-account. 
I have;

icon-accordion

icon-brand

icon-guarantee

icon.liquid

social-icons

[Dan-From-Ryviu]

Is there any header-account or icon-login 

[Gypsymoon]

 No, but under icon.liquid I found this… (see photo)

[Dan-From-Ryviu]

Yeah, replace svg part with your ones

[Gypsymoon]

Do I just replace it with the link to the file?

[Dan-From-Ryviu]

You can see svg code when viewing source in your svg link, copy it and
paste to your file

[Gypsymoon]

this is the image link. How do I find the SVG?

https://cdn.shopify.com/s/files/1/0843/9839/files/Profile_25-25_1.png?v=1688625647

[Dan-From-Ryviu · Accepted solution]

I converted it to svg for you. Here is svg code 

<svg xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="0 0 25 25" width="25" height="25">
	<title>Profile_25-25_1</title>
	<defs>
		<image width="25" height="25" id="img1" href="data&colon;image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAAXNSR0IB2cksfwAAADNQTFRFAAAA////////////////////////////////////////////////////////////////t5XiggAAABF0Uk5TABBgn8//gO/fj0Awr79wUCAKQYppAAAA40lEQVR4nHVS27LDIAjEcFM4Jvn/rz1GiE07LS/qsMvCCkBE2ZCYmXAr8IwiWps5uElVeeS8kq2HUfWV0PZWoanfiW2e21/veYtUqcFA3W1XDFa9tIQCNx+lBotk3DXEKQsFzrQMbKhxAIzjObiYfdExjyOBgnBPknKXQEwFnL0X6gbeKQ04GXg5hMqKyxleHDgPETlOWJzUsT58luF3t1snemssgT6FW/Y250Fa9oITxjyXB2HTaoXa9GAMYuzwDGebY5WaBr+iaRRx3T8y++vrfvzptQf1+x48d6e97w5827d/X7QGoIDD+HcAAAAASUVORK5CYII="/>
	</defs>
	<style>
	</style>
	<use id="Background" href="#img1" x="0" y="0"/>
</svg>

[Gypsymoon]

thank you! So I enter that entire code?

[Dan-From-Ryviu · Accepted solution]

Yes

[Gypsymoon]

thank you soo much!! it worked!!