Calendar icon showing different emoji

[ma8642]

Issue:

When trying to use the "calendar" icon, it is replaced by a non-db calendar emoji.

Media:

Here's how I have implemented the calendar icon in my code (and also another icon for comparison)

and here is how it appears:

Calendar: Multiple Tickets (shows correctly):

Other things I have tried:

• Importing DbIcon and using that component instead but there is no difference.
• Using scss mixin version of the icon, but copying the example mixin code gives me a syntax error. Phind explanation.

Stackoverflow:

Possibly related but there is so fonts/db-ui in node modules so I don't know how to do this for db-ui icons.

My Stack:

Framework: Vue 3 Browser: chrome and firefox

[mfranzke]

@ma8642 thanks a lot for your request. Does a 404 / not found come up in your network tab in case of trying to display the calendar icon? To me this mainly sounds like that a font file would be missing, and that might be heavily related to your dev setup. What keeps me wondering is that other icons are actually working.

Even also this icon does actually existing in this icon variant, so it wouldn't be a general problem related to this aspect.

[ma8642]

@mfranzke No, no 404s and nothing in the network tab about fonts or icons.

[ma8642]

Solution: I updated my db-ui version to 0.28.0 in the package.json and now I am able to use the icon!