Reputation: 1273
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:
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
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
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
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