Clipped edges of sparkly star SVG icon, next to "New" on Firefox Release Notes pages

[dholbert]

Description

If you look closely at the sparly-star graphic next to the "New" section on Firefox release notes pages, you can see that its right edge is clipped (and looks squared-off). The bottom and top edges are also clipped, to a lesser extent. This is because the shape draws beyond the bounds of its declared viewBox.

Steps to reproduce

1. Visit either of these sites:
   https://www.mozilla.org/en-US/firefox/131.0/releasenotes/
   https://www.mozilla.org/en-US/firefox/android/131.0/releasenotes/
2. Look at the sparkly-star icon next to "New".

OR, alternately, just view the image directly: https://www.mozilla.org/media/protocol/img/icons/highlight.07fce9e0e5f3.svg
(you may have to zoom in to see it)

Expected result

No clipped edges on the shape.

Actual result

The shape has a clipped edge on its right side and bottom side.

Environment

Firefox 133.0a1 (2024-10-03) (64-bit) on Ubuntu 24.04 and on Android
Chrome 130.0.6669.2 (Official Build) dev (64-bit) on Ubuntu 24.04 and Android
(not browser-specific)

Screenshot:

Zoomed-in screenshot to make it a bit easier to see:

Note the nicely rounded edge on the left side, vs. squared-off (clipped) edges on top/right/bottom.

[janbrasna]

The issue is in the original Protocol asset itself, I've proposed a fix in mozilla/protocol-assets#96 but it will need a handful of package releases to consume that change eventually.