Add XState

[Neo42]

Issue: Closes #4965
Alexa rank: 328744

Checklist

• I updated the JSON data in _data/simple-icons.json
• I optimized the icon with SVGO or SVGOMG
• The SVG viewbox is 0 0 24 24

Description

Hex value was grabbed from XState's official stylesheet by @PeterShaggyNoble.
The logo was cropped with Inkscape, centered with icomoon and scaled with SVG Path Editor, which is pretty easy to use. Highly recommended tools. (Just to keep a record for my own use)

[PeterShaggyNoble]

Thanks for taking this one on, @Neo42. The linting is failing because you need to combine the 2 paths into 1, optimise that path and remove all newlines & tabs from the SVG.

Can you also please complete the PR template and update the source to https://github.com/davidkpiano/xstate/blob/544df7f00e2ef49603b5e5ff2f0d183ff6bd5e7c/docs/.vuepress/public/logo.svg?

[Neo42]

Cool. Thanks for the hint, @PeterShaggyNoble. First time doing svg editing. Harder than I thought.

[PeterShaggyNoble]

First time doing svg editing. Harder than I thought.

Don't worry, we're here to help 🙂

Thanks for the update. However, your version (in red below) is slightly misaligned but that's most likely down to the precision being too low, could you have another look at that please?

For the colour, I'm getting #000000 from the website's logo but I do still think we should go with the #2c3e50 from the website's stylesheet.

Finally, you might want to double check the source entry in the JSON file 😉

[PeterShaggyNoble]

Are you still working on this one, @Neo42?

[Neo42]

Sorry @PeterShaggyNoble, I couldn't make time for this. Just give me this week and hopefully I can get it fixed.

[Neo42]

Should be fine now @PeterShaggyNoble.

[PeterShaggyNoble]

All looks perfect to me now, @Neo42 👍🏻 Thanks for your work on this one.

The more I look at their site, though, the less sure I become of the colour choice! 😆 But I'll merge this in as-is and we can update the colour later, if necessary.

[Neo42]

Thanks to you, too, @PeterShaggyNoble. Will submit again at some time. Next time shouldn't be so tricky.