Changes in favicon badges in Nova:
1. There are now badges for tabs and history, in addition to bookmarks and
pinned as before
2. They're a little larger and they cover up more of the favicon
3. They have an outline that masks the favicon and allows the background color
behind them to show through
Each SVG file has both masks and icons for LTR and RTL. The mask is applied to
the favicons. The icon file is drawn on top as before. Both the mask and icon
files are 24x24 so that the mask can fully cover the favicon and the icon can be
drawn right on top without trying to position it perfectly in the CSS.
These SVGs might be considered temporary, I'm not sure. I created them by hand
by exporting the content containers from the Components Figma [1], removing
extraneous markup, and modifying them as necessary. There's been a lot of
discussion about how these icons weren't properly (re)drawn and included in the
icon inventory (see the bug for more), and we recently put in requests for that.
[1] https://www.figma.com/design/PqfaOcMGbX5liEXTTUzeYX/Nova-Components--Experimental-?node-id=307-1582
Depends on D310982
Differential Revision: https://phabricator.services.mozilla.com/D307931
Drew Willcoxon
0aa8a86728