feat: add Rstack (Rspack/Rsbuild/Rslib/Rspress/Rstest/Rslint) icons

[ralphneeleman]

Resolves #2174 & #2240.

Due to the fact that a minimalist Rspack/Rsbuild icon currently isn't provided by the web-infra team and no-one has made one themselves, I took it upon myself to throw something together. I'm clearly not an icon designer but I think this is the closest thing that I can make that honors both material and rstack.

Result is an icon created by using the 'material filled crab' icon from Icons8 with the closest material color for #ff5e00 that Rspack/web-infra uses on their site.

Config files data:

• Rspack config files as per https://www.rspack.dev/config.html#supported-configuration-file-formats
• Rsbuild config files as per https://rsbuild.dev/guide/basic/configure-rsbuild#configuration-usage
• Rslib config files as per https://rslib.rs/guide/basic/configure-rslib#configuration-file
• Rspress config files as per https://rspress.rs/guide/start/getting-started#method-2-manual-creation
• Rstest config files as per https://rstest.rs/guide/basic/configure-rstest#configuration-file
• Rslint config files as per https://rslint.rs/config/#configuration-file

[github-actions]

Preview

Thank you for creating a pull request. This preview shows you how your icon will look on the different themes:

Check how your icon fits in a 16x16 grid with our Pixel Perfect Checker by following this link.

You can find more information on how to contribute in the contribution guidelines.

[lucas-labs]

Hi! Thanks for your PR!

All of our icons have at least 1px padding (rendering at 16x16 px).

You can read more in our contribution guidelines

[ralphneeleman]

Updated patterns and icon.

Couldn't seem to find the exact same font that was used in the other file icons. If you'd like, I can change it to the font that the others use so they share the same style. Or we can opt for going with no text at all. Lmk!

[lucas-labs]

Couldn't seem to find the exact same font that was used in the other file icons.

Some of them were handmade for that specific icon or manually aligned to fit the grid. That said, I'm affraid it's going to be hard to fit an R and an S with this design; while keeping it perfectly pixel perfect. To fit an S you need 5 pixels height, but you only have 6 pixels inside the body to fit them. So any attempt to do so, will end with a missaligned text.

[ralphneeleman]

Updated icon

[PKief]

lgtm

[github-actions]

Merge Successful

Thanks for your contribution! 🎉

The changes will be part of the upcoming update on the Marketplace.

[chenjiahan]

@ralphneeleman Thanks a lot for designing this icon for Rspack, it looks great! Would you be open to letting us use it in other Rstack-related contexts as well, such as favicons in our project templates or documentation sites?

[ralphneeleman]

Hi there @chenjiahan! Thanks for your interest.

I didn’t design this icon myself, I obtained written consent from Icons8 to use it here without a contributor note. If your team would like to use the same icon, I recommend contacting them through the Icons8 Open Source section to confirm usage, they're really easy about these sorts of things.

[chenjiahan]

Thanks for clarifying! We'll reach out to Icons8 to confirm whether we can use the same icon for Rstack-related projects.