Azure Maps Weather Icons

Question

Hi, I am working on a react project that uses Azure Maps' weather services to create a forecast, and am having issues with using Azure's weather icons. I see that I receive an icon ID in the API response, but I don't know how to retrieve this icon given the ID.

Is there a way I can link to a stylesheet of Azure Maps weather icons to use in my project? If so, would these icons be in SVG format or have a large file size? I need to have rather large weather icons appear, so I would appreciate if a large-format icon set could be shared.

I saw a previous post on this forum regarding icons that was given a github link to images, and though the files are 1000x1000, the icons themselves are natively 48x48, which ends up looking blocky and unappealing with the antialiasing applied to the images.

I have been searching documentation for some time with no results and would much rather use Azure's icons than recreate them myself or use a separate icon service with less specificity than Azure.

Again, if at all possible, I would much prefer to link to Azure's icon database and use a high-resolution PNG or and SVG, if possible. I'm sure that the files were not created as 48x48 pixel images, so if the base files are available, that would be incredibly helpful!

Answer 1

The weather icons that are in the documentation/sample are primarily for reference purposes. I'm only aware of those PNG versions and haven't come across any SVG or larger scale versions. I don't recall any images being 1000x1000 and don't see any such images in the github repo of the sample site. Generally, companies prefer to use their own set of icons that are more in line with the style of their website.

The Weather services in Azure Maps are powered by AccuWeather, so you could also look at using their icons: https://developer.accuweather.com/weather-icons

For reference to others who see this thread, here are links to the docs/samples that use the reference icons:

• https://learn.microsoft.com/en-us/azure/azure-maps/weather-services-concepts#weather-icons
• https://samples.azuremaps.com/?search=weather&sample=get-current-weather-at-a-location