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.
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
Bug: font-awesome icon in Duotone style is messed up #20160
Comments
UPDATEThis is the updated version. This only applies to version 6.1.0 and later. It didn't apply to version 6.0.0. The multiple styles was a misunderstanding by me, just the Duotone is messed up for the |
This comment was marked as duplicate.
This comment was marked as duplicate.
note: this doesn't apply to the desktop version of font awesome, only the web. |
Confirmed that this is an issue. We're looking into a fix! It affects any brand icon that is also a standard icon. |
It applies to all methods that use Web Fonts + CSS. SVG + JS does NOT have this issue. |
note: this has been edited multiple times
Bug description
There are many styles of the Font Awesome icon (font-awesome) including Sharp, but Duotone is very messed up. Take a close look in the blue circle, that's where the messed up Duotone icon is.
Reproducible test case
https://codepen.io/randomguy-2650/pen/OJGbZjp
Screenshots
Version 6.0.0
Version 6.1.0 and later (6.1.0–6.5.1)
Font Awesome version
v6.1.0 to v6.5.1, v6.5.2 has the same issue but looks differently
Serving
Kit, Font Awesome CDN, Self-hosted
Implementation
CSS, SVG Sprites(?)
Browser and operating system
Web bug report checklist
The text was updated successfully, but these errors were encountered: