Weather Tile - Open Weather - Current and Forecast

[josh]

@Alan_Canseco

im pretty sure its because it is an old ipad 4th gen, cant update past the 10.3.3 ios

I pushed an update that should get this working on iOS 10.3.3

As usual, you would need to update your Custom Tile to pull in the latest changes:

How to Update Custom Tile: Imported Code

[Bruce_Lo]

Today, I’ve noticed that all the icons are broken in my Weather Custom Tile. I did do an update from source to the latest version of 2025-12-22, but still with no luck.

I checked on Hubitat, and the info seems to be accurate, but just the icons. Is anyone else experiencing this issue today? TIA

[josh]

@Bruce_Lo

I did do an update from source to the latest version of 2025-12-22, but still with no luck.

The latest version from source should have been 2026-02-06 (per the comment header at the top of the code) which fixed the chart compatibility with really old devices like iOS 10.x

I just pushed 2026-04-09 which fixes the URL for the icons.

[Chris_Harrison]

I just tried updating from source and still getting
VERSION: 2025-12-22

When will the 2026-04-09 version be available when we hit update from source?

Thanks

[josh]

@Chris_Harrison

When will the 2026-04-09 version be available when we hit update from source?

Can you try again? I forgot that the original import link was hosted in a different location, so I’ve updated that as well.

[Chris_Harrison]

That worked, thanks Josh!

[Bruce_Lo]

Thanks Josh for the quick response. It is working great now.

[Vinod_K]

Hey Josh, I customized some pieces of the code and would rather not overwrite everything from source. Would I be able to manually edit the sections I need to fix the broken links?

[josh]

Yes, the icon fix was in the getMeteoconUrl() around line 2287 to update the URL from the original GitHub Pages source to their new domain:

getMeteoconUrl: function(code, iconStyle){
    //See: https://basmilius.github.io/weather-icons/index-line.html
    var name = METEO_CODE_TO_NAME[code] || code; //in case the raw icon name is passed in
    if(!iconStyle) iconStyle = 'line'
-    return 'https://basmilius.github.io/weather-icons/production/' + iconStyle + '/all/' + name + '.svg'
+    return 'https://meteocons.com/icons/' + iconStyle + '/' + name + '.svg'
},

For future reference, you can also review the commit history for the tile to see all the code changes that have been made over time (older commits were on the original gist).

Edit: Bas, the designer of the Meteocons icons, responded that they are working on getting a proper CDN setup and that the meteocons.com URLs themselves might change over time as the documentation changes. Once Bas releases the new 3.x version of the icons as stable or backfills the 2.x icons to their CDN, we could update the Custom Tile to use that.

In the meantime, I updated the 2026-04-15 version of the custom tile to use jsdelivr as the icon source since we already use their CDN for other dependencies and they pull from a stable immutable source:

return `https://cdn.jsdelivr.net/npm/@meteocons/svg@0.1.0/${iconStyle}/${name}.svg`

[Bruce_Lo]

Hi Josh,

A quick question…

My tile is cut off on the right side. I couldn’t find where I can change the width of it? Would you mind pointing me to where that section of the code to change would be? TIA.

[Remy]

Hi Josh, I also have the missing weather icon issue. Not sure I understand how to fix it by reading above. Can you dumb it down for me? Much appreciated.

[josh]

@josh

As usual, you would need to update your Custom Tile to pull in the latest changes:

How to Update Custom Tile: Imported Code

The link above has details on how to pull in the latest updates. Once you pull in the updates and save that should get your icons working again.