Add Wayland icon

[valpackett]

Issue: closes #5056

Similarweb rank: 🤷

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

See #5056

[sisp]

Thanks for your contribution, @unrelentingtech! 🙏

I wonder whether there is a way to retain the shapes outside the circle. Currently, everything outside the circle is removed. Since I can't find an official monochromatic icon for Wayland, we might need to come up with something ourselves.

I imagine we could add inset strokes for the missing part of the "W" above the circle. And perhaps the sprinkles above the circle could be filled shapes. WDYT, @unrelentingtech and also @simple-icons/icon-review?

[valpackett]

Sprinkles would look okay filled (inverted) but I think the parts of the W would look awkward no matter what, so I went with just the stuff inside the circle.

[sisp]

Okay, I agree. Would you mind updating the icon to include the inverted sprinkles?

[valpackett]

test:

I don't think this is better. The extra sprinkles are silly, they don't add much but make the circle necessarily smaller.

[sisp]

Agreed. That actually doesn't look good.

I'll accept your proposed icon, just found some differences between the original one and yours:

Would you mind checking your conversion steps?

[valpackett]

I used Inkscape to subtract the W path from the circle path and resize the result to fit the 24x24 viewbox, and used SVGO to trim the path precision down to 3 decimals. I think. I might have actually involved rsvg-convert to resize the viewbox specifically which would've been a bit silly in retrospect. These don't seem like major differences 🤷 but I can redo everything I guess

[LitoMore]

@valpackett Could you try with precision 4? You could refer to this #7908 (comment).

[valpackett]

Updated with higher precision

[sisp]

Thanks for the updated icon. Unfortunately, there are still notable differences when I compare it with the original one:

When I derive the icon, my steps are:

1. Ungroup all paths.
2. Subtract the "W" (+ sprinkles) path from the circle path.
3. Change the height to 24 while retaining the aspect ratio. The aspect ratio of the original icon is not exactly 1:1, its height is slightly larger than its width.
4. Change the viewport to 24x24 and center the path.

I perform all conversion steps with the highest possible precision in Boxy SVG.

When I compare this icon with optimized versions using SVGOMG, I get the following difference with a precision of 3

and with a precision of 4:

There are some tiny negligible differences with a precision of 3 and practically no differences with a precision of 4.

I've suggested the path data of my derivation with a precision of 3 in case you're interested.

[sisp]

/ping @valpackett

[valpackett]

oh, sorry. Okay, merged your suggestion, now the linter complains that it's 23.964 x 23.999 and no dimension is exactly 24. oops..

[sisp]

@valpackett Apologies for my negligence. I've made tiny change in the path data and svglint now passes locally for me.

[valpackett]

Thanks, merged everything now

[sisp]

LGTM! 🎉 Thanks, @valpackett! 🙏