Skip to content

Use multiple rect for menu icon#71828

Closed
Drivingralle wants to merge 1 commit intoWordPress:trunkfrom
Drivingralle:Use_multiple_rect_for_menu_icon
Closed

Use multiple rect for menu icon#71828
Drivingralle wants to merge 1 commit intoWordPress:trunkfrom
Drivingralle:Use_multiple_rect_for_menu_icon

Conversation

@Drivingralle
Copy link
Contributor

What?

Second option to Closes #71791

How?

Solves the issue by spiting the icon into 3 rect tags

Testing Instructions

  1. Add a navigation block to website
  2. Set the navigation block to show the menu icon
  3. Inspect the menu icon

@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: Drivingralle <[email protected]>
Co-authored-by: t-hamano <[email protected]>

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

@github-actions
Copy link

👋 Thanks for your first Pull Request and for helping build the future of Gutenberg and WordPress, @Drivingralle! In case you missed it, we'd love to have you join us in our Slack community.

If you want to learn more about WordPress development in general, check out the Core Handbook full of helpful information.

@github-actions github-actions bot added the First-time Contributor Pull request opened by a first-time contributor to Gutenberg repository label Sep 22, 2025
@t-hamano
Copy link
Contributor

Thanks for the PR!

For reference, the @wordpress/icons package does not use any rect elements, and all data is created using the path element, so I'd recommend using the path element for the menu icon as well.

Let's close this issue and move #71829 forward.

@t-hamano t-hamano closed this Sep 23, 2025
@t-hamano t-hamano added [Type] Code Quality Issues or PRs that relate to code quality [Block] Navigation Affects the Navigation Block labels Sep 23, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Block] Navigation Affects the Navigation Block First-time Contributor Pull request opened by a first-time contributor to Gutenberg repository [Type] Code Quality Issues or PRs that relate to code quality

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Split Hamburger-Icon SVG into three tags to allow more styling and animation

2 participants