Skip to content

Conversation

@sidharthpandita1
Copy link
Contributor

What?

Closes #72537

This PR fixes the irregular shape in the not-found icon (404 display) by cleaning up the SVG path data.

Why?

The middle "0" in the 404 not-found icon had an irregular, broken shape that made it appear buggy and unprofessional. The geometry was malformed, creating visual inconsistencies that could be mistaken for a rendering error.

How?

The SVG path data has been refactored to use cleaner, more precise geometry. The path commands were consolidated and optimized, ensuring the "0" shape has smooth, properly formed curves throughout. The overall icon structure remains the same, but the mathematical precision of the paths has been improved.

Testing Instructions

  1. Check out this branch
  2. Run npm install (if needed)
  3. Run npm run build:packages to rebuild the icons package
  4. View the not-found icon in Storybook: npm run storybook:dev
  5. Navigate to the icons library and locate the "not-found" icon
  6. Verify the middle "0" now appears smooth and well-formed without irregular edges

Alternatively:

  1. Open the file packages/icons/src/library/not-found.svg
  2. Compare the SVG path with the previous version
  3. Verify the geometry is cleaner and more regular

Testing Instructions for Keyboard

Not applicable - this is a visual/graphical fix to an icon asset with no UI interaction changes.

Screenshots or screencast

Before After
The middle "0" had irregular, broken geometry The middle "0" now has clean, smooth curves

@github-actions
Copy link

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: sidharthpandita1 <sidharthpandita@git.wordpress.org>
Co-authored-by: fcoveram <fcoveram@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

Copy link
Contributor

@t-hamano t-hamano left a comment

Choose a reason for hiding this comment

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

LGTM!

@t-hamano t-hamano added [Type] Bug An existing feature does not function as intended [Package] Icons /packages/icons labels Oct 24, 2025
@t-hamano t-hamano merged commit ba05369 into WordPress:trunk Oct 24, 2025
40 checks passed
@t-hamano t-hamano changed the title Fix irregular shape in not-found icon Icons: Fix irregular shape in not-found icon Oct 24, 2025
@github-actions github-actions bot added this to the Gutenberg 22.0 milestone Oct 24, 2025
sidharthpandita1 added a commit to sidharthpandita1/gutenberg that referenced this pull request Oct 24, 2025
Co-authored-by: sidharthpandita1 <sidharthpandita@git.wordpress.org>
Co-authored-by: fcoveram <fcoveram@git.wordpress.org>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Package] Icons /packages/icons [Type] Bug An existing feature does not function as intended

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Icon improvement: notFound

2 participants