How Can I change the icons of the weather

[diegocastillo01]

Hi, I was wondering if someone could help me figure out how to change the icons of the current weather and forecast weather default modules, to the ones that are here:

This is my first MM so all the help is very appreciated

https://codepen.io/joshbader/pen/EjXgqr

[sdetweil]

from my post in discord channel

both modules use a table of icon class names

        iconTable: {
            "01d": "wi-day-sunny",
            "02d": "wi-day-cloudy",
            "03d": "wi-cloudy",
            "04d": "wi-cloudy-windy",
            "09d": "wi-showers",
            "10d": "wi-rain",
            "11d": "wi-thunderstorm",
            "13d": "wi-snow",
            "50d": "wi-fog",
            "01n": "wi-night-clear",
            "02n": "wi-night-cloudy",
            "03n": "wi-night-cloudy",
            "04n": "wi-night-cloudy",
            "09n": "wi-night-showers",
            "10n": "wi-night-rain",
            "11n": "wi-night-thunderstorm",
            "13n": "wi-night-snow",
            "50n": "wi-night-alt-cloudy-windy"
        },

and both modules reference the weather-icons.css file
./vendor/node_modules/weathericons/css/weather-icons.css
which links the classname to a fontawesome icon

you can add entries to the ~/MagicMirror/css/custom.css for those modules to replace the names with new icon references

.currentweather .wi-night-cloudy {
     ???? for the new icon for cloudy night, 
};

[Stoffbeuteluwe]

@diegocastillo01 https://forum.magicmirror.builders/topic/7227/changing-icons-of-the-modules-current-weather-and-weather-forecast