DevForum 'apple-touch-icon' uses padding causing inconsistent logo sizes in Mozilla Firefox

Page URL:
Impact: Low
Frequency: Constantly
Date First Experienced: 2021-02-19 14:02:00 (-05:00)
Date Last Experienced: Present

Reproduction Steps:
The current apple-touch-icon meta tag includes padding, this causes a visual inconsistency with the main webpage as the two icons are different sizes.

<link rel="apple-touch-icon" type="image/png" href=".../4X/7/4/e/74ee836dc02076f20f6871eac202888199923043_2_180x180.png">

Perhaps this is intentional for PWA icon aesthetics on Apple devices, however Mozilla Firefox uses this metatag to populate its bookmarks and icon as a fallback. Google Chrome does not encounter this issue.

Browser Information:
User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:85.0) Gecko/20100101 Firefox/85.0
Platform Type: PC
Device Type: Computer

Expected Behavior:
Bookmark icons across Roblox’s sites to be consistent; previously these bookmarks were populated by the same sized, monotone icons.

Actual Behavior:
Bookmark icons in Firefox populate at different sizes.


Thanks for the report! We’ve filed a ticket to our internal database and we’ll follow up when we have an update for you.