# Weather icons for OpenWeathermap in a Dashboard 2 template

**URL:** <https://discourse.nodered.org/t/weather-icons-for-openweathermap-in-a-dashboard-2-template/99737>\
**Category:** Share Your Projects\
**Tags:** dashboard-2\
**Created:** [21 November 2025 16:30 UTC](https://discourse.nodered.org/t/weather-icons-for-openweathermap-in-a-dashboard-2-template/99737 "2025-11-21T16:30:16Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [21 November 2025 16:44 UTC](https://discourse.nodered.org/t/weather-icons-for-openweathermap-in-a-dashboard-2-template/99737/2 "2025-11-21T16:44:45Z")

</div>

A much larger set of icons - 120 of them - is available at [https://github.com/rickellis/SVG-Weather-Icons/Masters-Tempestacons](https://github.com/rickellis/SVG-Weather-Icons/Masters-Tempestacons). These have descriptive rather than numeric filenames so I'd have to build a cross reference between OWM's codes and these filenames.

I downloaded these to icons\_tempestacon and wrote a little bash script to generate part of a ui-template to show them

```auto
#! /usr/bin/bash
DIR=`basename $(pwd)`

printf "%s\n" '<div class="dashboard-container" :style="{ backgroundColor: msg.color}">'
printf "%s\n" '<div class="daily-row">'
for f in $(ls *.svg)
do
printf "%s(\'/%s/%s\')%s%s%s\n" '<div class="icon-wrapper"><div class="weather-icon" style="--icon:url' $DIR $f ';"></div><div class="icon-label">'$(basename $f .svg) '</div></div>'
done
printf "%s\n%s\n" '</div>' '</div>'

```

And after grouping the icons into multiple lines in the template, this is what I get

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/1/517e635c02d513122b22c8eae2c6bc247b0e8e9d.jpeg)

Rick Ellis has other weather icon sets too, not sure how many icons are not also in the Tempestacon set. By all means download them to find out!

---

_[View the full topic](https://discourse.nodered.org/t/weather-icons-for-openweathermap-in-a-dashboard-2-template/99737)._