Update all instances of the old Twitter logo to the rebranded X

[edwinjue]

Overview

The footer contains an outdated Twitter logo and should be replaced with one for the rebranded 'X'

Action Items

• Collaborate with UI/UX @annaseulgi to obtain the new logo to use for Twitter
• Add the asset to our /assets folder and make the necessary references to it from within our codebase

Resources/Instructions

• Similar to how this was done: Replace CodeForAmerica logo w/ CTS logo #1640

[annaseulgi]

@edwinjue thanks for pointing this out! To follow the procedure that @ryanfchase made for handing-off designs & assets, I'll add the new Twitter logo (X) and create an issue to hand-off the finalized version with updated logo.

[ryanfchase]

@annaseulgi @edwinjue let’s review this ticket at the next meeting. I’d like to move this through new issue approval and assign a milestone before creating handoff tickets.

[annaseulgi]

@kiranofans here is the issue that you can refer to. Thanks for working on this!

[kiranofans]

@annaseulgi Thanks Anna.

The X logo is ready in SVG format.

[ryanfchase]

@kiranofans thanks for working on this ticket! In the future, please assign yourself and move the ticket to In Progress on the Project Board before making your changes.

If your work on this ticket is complete, please move this to In Review on the Project Board and add the ready for design lead label.

PMs are working on making this clearer in the future, thanks again 😃

[kiranofans]

Hello @edwinjue ,

I'm sorry. I wasn't sure with the work process, so I was late in sending the logo to you.

Attatched the X logo in PNG:

Below's the SVG code of the logo :

<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M43.4333 0.120422C28.4128 1.67982 15.2512 9.85255 7.25284 22.5908C-4.08756 40.6459 -1.94716 64.6193 12.3973 80.232C20.3769 88.9121 30.2528 94.0787 42.119 95.7696C44.3533 96.089 51.732 96.0702 54.0414 95.7509C65.7198 94.1351 75.5957 88.9872 83.5565 80.3448C90.1092 73.2429 94.2961 64.1496 95.7606 53.929C96.0798 51.712 96.0798 44.3096 95.7606 42.0926C94.6529 34.2768 92.1745 27.6447 88.0627 21.4447C86.3353 18.8144 84.5892 16.6726 82.1484 14.2113C74.6569 6.62103 65.3818 1.94285 54.6986 0.364662C52.3892 0.0264816 45.7239 -0.123825 43.4333 0.120422ZM43.9402 30.0308C47.8267 35.7047 51.0561 40.3453 51.1124 40.3641C51.1688 40.3829 55.2055 35.7423 60.1059 30.0683L68.9867 19.735L71.39 19.6786C72.7982 19.6598 73.7557 19.6974 73.7182 19.8102C73.6994 19.9041 71.4088 22.5908 68.6675 25.7659C65.9263 28.9599 61.3451 34.2956 58.4912 37.6211L53.2904 43.652L63.2602 58.1938C68.7426 66.1787 73.7745 73.506 74.4504 74.4454L75.652 76.1926H67.4096H59.1671L51.6945 65.2957C47.5826 59.3023 44.1655 54.3987 44.1092 54.4175C44.0528 54.4175 39.8096 59.3023 34.7026 65.2581L25.39 76.0987L22.9116 76.1551L20.4333 76.2114L31.2104 63.6611L41.9875 51.1296L41.3867 50.2653C40.7108 49.3447 21.2782 21.0126 20.7149 20.1483L20.3957 19.6411L28.6194 19.6786L36.8618 19.735L43.9402 30.0308Z" fill="#ECECEC"/>
<path d="M44.2594 48.0482L61.4953 72.7167L65.1753 72.773C67.203 72.7918 68.8741 72.7543 68.8741 72.6791C68.8741 72.5852 61.1573 61.5003 51.732 48.0106L34.59 23.4924L30.7973 23.436L27.0234 23.3984L44.2594 48.0482Z" fill="black"/>
</svg>

And here's the hand-off link on Figma : https://www.figma.com/file/eF63O8yIGz2soQ4JJFfyoK/311_Data_UXUI?type=design&node-id=10563%3A11837&mode=design&t=JhYQ3xi5vJyHsDfk-1

In the hand-off, there's two styles of the logo, one is the original in color black, and the other one is in lightgray. Feel free to take what you need :)

If you have question please find me on Slack, the slack username is : Shu

Thanks

[annaseulgi]

@ryanfchase @Skydodle @kiranofans confirming if this issue should be closed or still in progress

[ryanfchase]

This is closed, thanks!