CODEWITHSUNDEEP
azure-devops
SeeDoubleYou
SeeDoubleYou

Reputation: 1273

Azure devops extension available icons

This page shows how to use an icon in Azure DevOps extensions https://developer.microsoft.com/en-us/azure-devops/components/icon

It does not however show a list of available icons or a link to one. Where can I find which icons are available?

Update 1: It appears to be a subset of https://uifabricicons.azurewebsites.net

Update 2: rtfm, the manual says: iconName in the manual

So, we should be able to pick any icon from here: https://uifabricicons.azurewebsites.net/ However, only some (small subset) seems to work.

Upvotes: 1

Views: 2836

Answers (3)

Tom
Tom

Reputation: 151

The marked solution seems incorrect. I've had a look into used font file and its content differs a bit to that on the website.

My recommendation: Use an app able to show WOFF font files, i.e. on Windows Store the app Character Map UWP by Edi Wang.

With that you can just open the proper WOFF file at node_modules/azure-devops-ui/Components/Icon/fonts/fabric-icon.woff

That way you definitely have all supported icons and can even search through it (in case your used app supports it).

Upvotes: 0

Nova
Nova

Reputation: 71

Only solid icons from fabric icons are supported in the azure DevOps "Icon" component because you can easily apply different colors for that icon using styles.

Just search for "solid" in https://uifabricicons.azurewebsites.net/.

Upvotes: 3

Felix
Felix

Reputation: 1162

In fact, we can use any image with the type: BMP, GIF, EXIF, JPG, PNG and TIFF to be a icon. The default size is 128x128 pixels. You can refer the doc: https://learn.microsoft.com/en-us/azure/devops/extend/develop/manifest?view=azure-devops#discovery-attributes. And also you can find how to define the hole extension in this manifest doc.

Upvotes: -1

Related Questions