🚀 New Dashboard Icons Standard: Optimized and Ready to Go

[walkxcode]

👋🏻 Hey there!

I'm Walkx, the maintainer of the Dashboard Icons project (https://github.com/walkxcode/dashboard-icons). I'm excited to share with you that I have completed migrating all icons to a brand new standard specification! 🎉 This means that all icons have been optimized to provide you with the best possible experience. 💯

New Standard Specification Details

• Each icon should include both a PNG and SVG version. If an SVG cannot be found, then only a PNG version is required.
• Each icon should be in PNG format and have a height of exactly 512px. Width does not matter. ❗️(No upscales! If the correct size cannot be found, a smaller height will be accepted.)
• Icons should be named after their full name, using the Kebab Case naming convention. For example, "Facebook Messenger" should be named facebook-messenger.png.
• Monochrome icons should default to a dark version. Light versions should be named service-light.png. If a light version is not available, use https://pinetools.com/colorize-image to change its color.

You can read all the new rules in more detail here: https://github.com/walkxcode/dashboard-icons/blob/main/CONTRIBUTING.md. 📖

---

I understand that these changes may come with some downsides, as some icons have been renamed due to incorrect or incompatible names with the new standard. If you have already added these icons to your dashboard, don't worry! Your icons are still there, they just have a different name now. You can simply check the repository or your dashboard's integrated search feature for the icon. It will most likely have a similar name. 🔍

---

I'm very pleased that this migration is finally complete, as it took me a while to manually make all of these changes! 😅

If you would like to support the project, you can donate to me here: https://shop.walkx.fyi/l/donate 🙏

Thank you for your patience and understanding. I hope you enjoy the changes! 😊

Best regards,
Walkx 💖

[gabe565]

Hey! This cleanup is great. I just noticed asus-router.svg that I added in #272 is gone. This one was different than asus (it's specific to their router lineup) and is more square, so I prefer it for dashboards. Should I create a PR to add it back?

[walkxcode]

Icon has been added back!

[nomandera]

Can I clarify this line in the standard:

• Each icon should be in PNG format and have a height of exactly 512px. Width does not matter. ❗️(No upscales! If the correct size cannot be found, a smaller height will be accepted.)

Using airsonic as an example.

The original is 512px and square

but you can see that there is an arbitrarily amount of border around the logo.

This means that I could also have submitted the same logo as 1006x512px and still be within spec

You can clearly see there is a considerable difference in the images as the larger version decides to have no top and bottom border. This specific logo is wider than tall making the differences obvious but the same approach can be taken to any aspect logo border.

tl;dr I think this rule needs to add some guidance for border sizes if you want to avoid misinterpretation and user preferences causing style difference.

[cristian-rivera]

Hi @walkxcode, I can see the effort you've put into this project, great job!

I happened to notice that the argocd.png, which used to be in https://github.com/walkxcode/dashboard-icons/tree/ee6f8432daa712ecac87eb3a63d7cbd828d179c9/png, is no longer there as of https://github.com/walkxcode/dashboard-icons/tree/1b76a370ceba2dc5a0746ef5984b53282172b06b/png.

Do you have any information on what happened or why it might have been removed? I've noticed this is also the case for the TrueNAS icons as well.

Thanks!

[walkxcode]

All icons were converted manually, so I may have missed some. I will add these two back.

[walkxcode]

TrueNAS is in the repo.

[dburton1105]

Hi the icon for openspeedtest seems to have gone. will you be adding it back at all

[walkxcode]

Added it back! 2969fce

[jjarandab]

Hi There, Can you add CasaOS icon? Thanks!