# ResourceIconAnnotation Properties

- Package: [Aspire.Hosting](/reference/api/csharp/aspire.hosting.md)
- Type: [ResourceIconAnnotation](/reference/api/csharp/aspire.hosting/resourceiconannotation.md)
- Kind: `Properties`
- Members: `2`

Specifies the icon to use when displaying a resource in the dashboard.

## IconName

- Name: `IconName`
- Modifiers: `get`
- Returns: `string`
- Source: [GitHub](https://github.com/microsoft/aspire/blob/bd20f904cde09ecb9c9ae5116a6f13614bf2d7c2/src/Aspire.Hosting/ApplicationModel/ResourceIconAnnotation.cs#L23)

Gets the name of the FluentUI icon to use for the resource.

```csharp
public string IconName { get; }
```

## Remarks

The icon name should be a valid FluentUI icon name. See https://aka.ms/fluentui-system-icons for available icons.

## IconVariant

- Name: `IconVariant`
- Modifiers: `get`
- Returns: [IconVariant](/reference/api/csharp/aspire.hosting/iconvariant.md)
- Source: [GitHub](https://github.com/microsoft/aspire/blob/bd20f904cde09ecb9c9ae5116a6f13614bf2d7c2/src/Aspire.Hosting/ApplicationModel/ResourceIconAnnotation.cs#L28)

Gets the variant of the icon (Regular or Filled).

```csharp
public IconVariant IconVariant { get; }
```
