Can't use star and tour icons at the same time

[volago]

Hi,

when I don't load whole font collection but only used icons I have a problem with "star" and "tour" icons. None of those two icons are displayed.

Loading:

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200&icon_names=favorite,star,tour" />

Usage:

<span class="material-symbols-outlined">star</span>
<span class="material-symbols-outlined">favorite</span>
<span class="material-symbols-outlined">tour</span>

Once I remove "star" from URL, "tour" starts displaying. On other hand when I remove "tour" from URL, "star" starts working.
When URL contains both icons, none is working.

Reproduction (StackBlitz)

Any ideas?

[stephanme]

I ran into a similar problem using a different icon set. "star" won't work but all other icons are ok.

I first used "star_rate" even though it doesn't look as nice as "star" for my use case. Finally I found out that changing "star" into "star_border" in the font url icon_names parameter fixed the "star" icon. Works as well in your StackBlitz reproduction.

Might have to do something with https://github.com/google/material-design-icons/blob/master/variablefont/MaterialSymbolsOutlined%5BFILL%2CGRAD%2Copsz%2Cwght%5D.codepoints#L3138C6-L3139

star f09a
star_border f09a

This brought me to the idea of trying out "star_border". The code point in the file seems questionable. According to https://fonts.google.com/icons?selected=Material+Symbols+Outlined:star:FILL@0;wght@400;GRAD@0;opsz@24&icon.query=star&icon.size=24&icon.color=%23e8eaed the code point for "start" is e838 which is not contained in the codepoints file.