Squares instead Fluent UI Icons

[renatopejon]

Sample (which sample are you having trouble with)

cloumn samples > custom-hover-card

What Should Happen

Circle and checkmark icons display

What Actually Happens

It is showing squares instead the icons

[Fedes365]

@renatopejon I will try to reproduce your issue. Can you use this search engine to refer to the specific icons names please? However, as far as I know, not all the available fluent icons are currently supported in Microsoft Lists.

[renatopejon]

@renatopejon I will try to reproduce your issue. Can you use this search engine to refer to the specific icons names please? However, as far as I know, not all the available fluent icons are currently supported in Microsoft Lists.

Thank you. The icons are "CircleRing" and "StatusCircleCheckmark"

[Fedes365]

@renatopejon Here are the results. Maybe it was a temporary issue. Can you test it again?

[Fedes365]

This is a sample JSON code I used to test:

{ "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json", "elmType": "div", "style": { "box-sizing": "border-box", "padding": "0 2px", "overflow": "hidden", "text-overflow": "ellipsis" }, "attributes": { "class": "" }, "children": [ { "elmType": "span", "style": { "line-height": "16px", "height": "14px", "display": "inherit", "font-size": "14px" }, "attributes": { "iconName": "StatusCircleCheckmark", "class": "" } }, { "elmType": "span", "style": { "overflow": "hidden", "text-overflow": "ellipsis", "padding": "0 3px" }, "txtContent": "Here is the icon", "attributes": { "class": "sp-field-fontSizeMedium" } } ] }

[Fedes365]

@renatopejon do you have any feedback?

[renatopejon]

Hey, sorry I just forgot.

Everything is ok now, thank you so much for the assistance

[Fedes365]

@tecchan1107