Adaptive Card: Not FluentUI Icon on Mobile Device

[jker-org]

Steps to reproduce

Hi everyone,

We just stumbled upon the possibility of using FluentUI icons in AdaptiveCards like this:

"actions": [
{
"type": "Action.OpenUrl",
"title": "Filled icon",
"url": "https://www.microsoft.com",
"iconUrl": "icon:AccessTime,filled"
}
]

Source: https://learn.microsoft.com/en-us/microsoftteams/platform/task-modules-and-cards/cards/cards-format?tabs=adaptive-md%2Cdesktop%2Cdesktop1%2Cdesktop2%2Cconnector-html#icons-in-adaptive-card

This looks really sharp! However, the icons are only displayed on desktop devices. On mobile devices (iOS), the icons appear greyed out.

Are FluentUI icons not yet supported on mobile devices, or is this a bug?

Thanks for checking!

Expected behavior

FluentUI icons are also shown on mobile devices.

Actual behavior

FluentUI icons are greyed out on mobile devices.

Error details

[microsoft-github-policy-service]

Hi jker-org! Thank you for bringing this issue to our attention. We will investigate and if we require further information we will reach out in one business day. Please use this link to escalate if you don't get replies.

Best regards, Teams Platform

[Prasad-MSFT]

@jker-org , thanks for raising the issue. We will check and get back to you shortly.

[Prasad-MSFT]

Hi @jker-org, we checked the same JSON in iOS 18.2.1 having Microsoft Teams version 6.23.1 and observed that the card gets rendered correctly same as android/desktop client.

iOS:

Desktop:

[jker-org]

@Prasad-MSFT : Sorry, I forgot to mention the mode. When you use it in secondary mode, the actions will hide under a button with "...". If you click that button, you will get a submenu that popups from below the screen. Here, the icons are greyed out. Sorry for the confusion.

"actions": [
{
"type": "Action.OpenUrl",
"title": "Filled icon",
"url": "https://www.microsoft.com",
"iconUrl": "icon:AccessTime,filled",
"mode":"secondary"
}
]

[Prasad-MSFT]

Hi @jker-org, using "mode":"secondary", the card now renders as below. Is this the same case for you as well?

[jker-org]

@Prasad-MSFT : Thank you for your update. Yes, that is the same issue we have encountered.

[Prasad-MSFT]

Hi @jker-org, we have raised a bug for this issue. We will inform you once we get any further update from engineering team.
Thanks!