Update Twitter Social logo for Dawn theme

Hello!

Can someone please advise on how to update the twitter logo to the new logo X? It’s for the social media icons on the footer section of the website in Dawn theme.

Thank you!

Hi @Loyd77

I’ll guide you to change the icon of twitter. It’ll appear like below.

Edit the code of your theme and then find icon-twitter in the search box and click on icon-twitter.liquid under snippets.

Now, remove the existing code and paste the below code and save.


Hope this helps to solve your issue.

Thanks

Sheesh B

Hello!

Thank you! Can we have just the X in black with no background color like the image below?

Thank you!

Hi @Loyd77

Yes, you can paste the below code and it’ll look the same you want.


Thanks

Sheesh B

Thank you, it works!

@Sheesh_b

How do i lower the icon? It’s a little higher than the others

Thank you

Hi @Loyd77

Please share the url of the website to check and to provide you the solution.

Alternatively, you can try this. You can adjust JUST* the width and height to align the icon.

<svg focusable="false" width="13" height="21" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="white"/>
</svg>

Hi Sheesh, where do you place the code???

hi sheesh B or anyone realy could you please piont out the section where i can just chang the color of the “X” please

Hello,

The code works well but how do we lower the “X” icon because it’s a little higher than the other icons. Please see below, Thanks!

Hi @ADT77

Please share the url of the website to provide you the solution.

Thanks

Sheesh B