Update: Social Logo to the latest version.

[enejb]

Added hover styling on the dev/docs
Added Share Icon
Update twitter logo
Added twitter-alt logo.

The reason why the twitter-alt is more for consistency.
Most of the services have a box around the logo.

After:

cc @alternatekev

[alternatekev]

The reason why the twitter-alt is more for consistency.

To clarify: the naming convention for the other roundrect logos is this:

• blogger.svg: roundrect
• blogger-alt.svg: no roundrect
• tumblr.svg: roundrect
• tumblr-alt.svg: no roundrect

This PR just adds a roundrect twitter logo in place of the twitter.svg file (which is in accordance with the examples above), and moves what used to be twitter.svg over to twitter-alt.svg.

[alternatekev]

Pinging @drw158 and @kellychoffman

[davewhitley]

I'm fine with the naming convention, but maybe we should consider a more descriptive suffix like "-shape" instead. Some logos wouldn't have a suffixed version because the official logos already have a shape (eventbrite, FB, etc.). I'm fine with the alt suffix for now.

Share icon: In Gridicons we intentionally went with a different share icon.

If you don't have access to that link, basically the thought is that this share icon is not as recognizable, and apparently we are required to give attribution.

This is the one we went with for Gridicons:

I think Gridicons and Social Logos should use the same share icon.

[kellychoffman]

Do all the roundrect icons share the same border radius?

[alternatekev]

I looked in the AI file and it seems like they’re all 2px border radius except Facebook, which is 1px. I think that’s their guideline.

[alternatekev]

When this PR is merged, I'll be able to get #1474 past this stage (eg, with a roundrect Twitter logo):

[davewhitley]

Yep, Facebook has a smaller border radius; the vector is straight from their brand resources.

[alternatekev]

@kellychoffman Is the border radius a blocker for this?

[kellychoffman]

Not a blocker.

👍 Good to go.

[alternatekev]

Code looks good to me, since it's generated in the social-logos repo.