bug: t3 favicon is distorted

[kakeWasTaken]

Provide environment information

System:
OS: macOS 14.5
CPU: (8) x64 Intel(R) Core(TM) i7-4870HQ CPU @ 2.50GHz
Memory: 46.11 MB / 16.00 GB
Shell: 3.7.1 - /usr/local/bin/fish
Binaries:
Node: 21.6.2 - /usr/local/bin/node
npm: 10.5.0 - /usr/local/bin/npm
pnpm: 8.15.6 - /usr/local/bin/pnpm
bun: 1.1.0 - ~/.bun/bin/bun

Describe the bug

When opening the Create T3 App site on Safari 17.5, the favicon shows up as distorted (stretched vertically).

The favicon should look like this:

Interestingly enough, when opening the page on a Chromium-based browser like Arc, the favicon displays normally:

Reproduction repo

N/A

To reproduce

Open the create-t3-app site on the latest version of Safari.

Additional information

No response