Skip to content

Conversation

@jakehwll
Copy link
Contributor

@jakehwll jakehwll commented Dec 20, 2025

Related to #21320

This pull-request ensures that all the icons are now 256px * 256px so that they're standardised across all rendering situations.

Previous Now
CleanShot 2025-12-21 at 12 25 03@2x CleanShot 2025-12-21 at 12 26 35@2x
  • All *.svg files are now 256px * 256px and..
    • Added a do.svg file.
    • Added a ruby.svg file.
    • Added a gcp.svg file.
  • All *.png files are now 256px * 256px and..
    • Updated the aws.png file to match aws.svg (deprecated).
    • Updated the azure.png file to match azure.svg (deprecated).
    • Updated the docker.png file to match docker.svg (deprecated).
    • Updated the do.png file to fill the full 256px width.
    • Deprecated the do.png.
    • Deprecated the ruby.png.
    • Deprecated the gcp.png.

Copy link
Contributor Author

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

This stack of pull requests is managed by Graphite. Learn more about stacking.

@jakehwll jakehwll requested review from aslilac and jaaydenh December 20, 2025 14:19
@jakehwll jakehwll marked this pull request as ready for review December 20, 2025 14:19
@jakehwll jakehwll linked an issue Dec 20, 2025 that may be closed by this pull request
Copy link
Contributor

@jaaydenh jaaydenh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I found visual issues with 2 of the icons on the icons page. For ruby, the left is before, the right is after.

Screenshot 2025-12-22 at 10.04.35.pngScreenshot 2025-12-22 at 10.03.53.png

@jakehwll
Copy link
Contributor Author

jakehwll commented Dec 22, 2025

For ruby, the left is before, the right is after.

There you go, I stole this directly from ruby-lang.org's logo but it appears they still prefer the version found in "The Ruby Logo"

Screenshot 2025-12-22 at 10.03.53.png

Treatment needed to be inverted here as the aws.png and aws.svg diverged previously, this is now uniform 🙂

@jakehwll jakehwll changed the title feat: resolve size of ./site/static/icon/*.svg feat: standardise sizes of ./site/static/icon/*.svg Dec 22, 2025
@aslilac
Copy link
Member

aslilac commented Dec 22, 2025

I have some concerns about this, mostly from a process perspective

  • What was the flow here? Did you do these by hand, in Figma, with an LLM, some other thing? From the second picture I'm guessing this was done in Figma by hand
  • If we're going to enforce a correct size/padding/etc., how can we ensure that newly added icons conform in an automated manner?
  • This might technically put us in a bad legal position, as many of the icons are trademarks and have restrictions around their use, including modification. It might be silly, but legally these are now all "modified" versions which might put us out of compliance.

@jakehwll
Copy link
Contributor Author

What was the flow here? Did you do these by hand, in Figma, with an LLM, some other thing? From the second picture I'm guessing this was done in Figma by hand

Correct 🙂 Figma is my friend here.

If we're going to enforce a correct size/padding/etc., how can we ensure that newly added icons conform in an automated manner?

Biome doesn't contain SVG linting properties we can attach to here, we could extend upon ./scripts/check_site_icons.sh and ensure width="256", height="256" and viewBox="0 0 256 256" with a tiny little regex perhaps?

Perhaps the following for the PNGs

$ file do.png | grep -oE '[0-9]+\s*x\s*[0-9]+'
80 x 80

This might technically put us in a bad legal position, as many of the icons are trademarks and have restrictions around their use, including modification. It might be silly, but legally these are now all "modified" versions which might put us out of compliance.

I believe we're using these under fair-use. Honestly, the more common we'd ourselves violating the brand guidelines if we were to unfairly size one icon over the other when we render, this would be harder to mediate if we were battling various sizes.

@aslilac
Copy link
Member

aslilac commented Dec 24, 2025

I don't like putting actual business logic in shell scripts. they're too hard to write for novices and it's easy to miss silly things that will ruin your/someone else's day.

but I would love implementing a check like that in go, and I think that should be a prerequisite for this change. 😄

btw: no need for checking png resolution, we don't accept new png icons.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

🧹 Coder icon library clean up

4 participants