Skip to content

Bug: Duotone misalignment in Chrome Edge Chromium and both Mac and Windows #20862

@Cow258

Description

@Cow258

Bug description

All Duotone icons got misalignment on any Chromium base browser.
FontAwesome v7.1.0

Image

Mac Safari (The expected result)

Image

Mac Chrome v142.0.7444.162

Image

Mac Edge v135.0.3179.85

Image

Windows Chrome v142.0.7444.163

Image

Windows Edge v142.0.3595.53

Image

Reproducible test case

https://fontawesome.com/search?q=money-bill-trend-up&ip=duotone

Screenshots

Also in FontAwesome v6.7.2

Image Image

Also in FontAwesome v5.15.4

Image Image

Font Awesome version

v7.1.0, v6.7.2, v5.15.4

Serving

Font Awesome CDN

Implementation

Other (as specified in the bug description), CSS

Browser and Operating System

  • Chrome v142.0.7444.162 on MacOS MBP M1
  • Chrome v142.0.7444.163 on Windows 11
  • Edge v135.0.3179.85 on MacOS MBP M1
  • Edge v142.0.3595.53 on Windows 11

Web bug report checklist

  • I have included a test case because my odds go way up that the team can fix this when I do
  • I have searched for existing issues and to the best of my knowledge this is not a duplicate

Metadata

Metadata

Assignees

No one assigned

    Labels

    needs-triageThis bug needs to be confirmed

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions