10000 [UX Icons] `lucide:chevron-right` (and left) render incorrectly · Issue #2629 · symfony/ux · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

[UX Icons] lucide:chevron-right (and left) render incorrectly #2629

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
eokic opened this issue Mar 6, 2025 · 0 comments
Open

[UX Icons] lucide:chevron-right (and left) render incorrectly #2629

eokic opened this issue Mar 6, 2025 · 0 comments
Labels
Bug Bug Fix Icons Status: Needs Review Needs to be reviewed

Comments

@eokic
Copy link
eokic commented Mar 6, 2025

symfony/ux-icons v2.23.0

<twig:ux:icon name="lucide:chevron-right" />

produces:
Image

instead of:
Image

The only difference between these two screenshots is whether I've manually added fill="none" to the svg path. There is no external CSS interfering. The issue is present on left and right chevrons but not on up & down.

On the demo site, the SVG code does in fact include fill="none":

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
  <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 18l6-6l-6-6"/>
</svg>

What I actually get:

<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true">
  <path d="m9 18 6-6-6-6"></path>
</svg>

For comparison, using "lucide:chevron-top" (which has no visual issues) produces code that's more similar to the demo site:

<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
  <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m18 15l-6-6l-6 6"></path>
</svg>

Sidenote: while not an issue for me, the width and height attributes are also somehow only present on the left & right chevrons.
@eokic eokic added the Bug Bug Fix label Mar 6, 2025
@carsonbot carsonbot added the Status: Needs Review Needs to be reviewed label Mar 6, 2025
@Kocal Kocal added the Icons label Mar 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Bug Bug Fix Icons Status: Needs Review Needs to be reviewed
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@eokic @Kocal @carsonbot
0