It is currently March 28th, 2024, 12:01 pm

WeatherIcons

Weather skins
Post Reply
User avatar
CoffeeJoe
Posts: 48
Joined: November 6th, 2019, 4:19 am

WeatherIcons

Post by CoffeeJoe »

I'm sure many folks have already seen this, but I stumbled on it and wanted to share.

https://erikflowers.github.io/weather-icons/

With this font my Icon meter is a String Meter that has the Unicode for whatever the icon is.
I didn't parse all the icons in the font but see the attached pdf for the ones i have parsed so far.


Icons.png
Attachments
WeatherIcons.pdf
(369.16 KiB) Downloaded 175 times
User avatar
jsmorley
Developer
Posts: 22628
Joined: April 19th, 2009, 11:02 pm
Location: Fort Hunt, Virginia, USA

Re: WeatherIcons

Post by jsmorley »

Very nice find!
User avatar
SilverAzide
Rainmeter Sage
Posts: 2588
Joined: March 23rd, 2015, 5:26 pm
Contact:

Re: WeatherIcons

Post by SilverAzide »

It's even got weather icons for meteors and aliens, so it's perfect! I hate it when there's a meteor strike or an alien attack and all I have to show on my weather widget is a lame cloud icon.
User avatar
CoffeeJoe
Posts: 48
Joined: November 6th, 2019, 4:19 am

Re: WeatherIcons

Post by CoffeeJoe »

No aliens or Meteors but almost as useful - I also found (I'm only using it for speaker icons so far)
https://www.elegantthemes.com/blog/resources/elegant-icon-font

Image
User avatar
balala
Rainmeter Sage
Posts: 16109
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: WeatherIcons

Post by balala »

CoffeeJoe wrote: February 17th, 2020, 6:53 pm No aliens or Meteors but almost as useful - I also found (I'm only using it for speaker icons so far)
There are a lot of such kind of fonts. For instance:
https://www.dafont.com/ll-record.font
https://www.dafont.com/social-circles.font (useful for media player buttons)
https://www.dafont.com/eu-sym.font
and so on...
User avatar
CoffeeJoe
Posts: 48
Joined: November 6th, 2019, 4:19 am

Re: WeatherIcons

Post by CoffeeJoe »

MiniMeters.png
Working on tiny Skins using these icons - If anyone does the work of parsing the Unicode for any more of these please share. Currently the speaker icons are just x,y, z in the Elegant Font so its easy enough for them.
User avatar
jsmorley
Developer
Posts: 22628
Joined: April 19th, 2009, 11:02 pm
Location: Fort Hunt, Virginia, USA

Re: WeatherIcons

Post by jsmorley »

If you get dp4 Font Viewer and install it, you can pretty easily view all the glyphs supported by the font, and the Unicode number you need to use in Character Variables.



1.png

2.png

Code: Select all

[Rainmeter]
Update=1000
DynamicWindowSize=1
AccurateText=1

[Variables]

[MeterAtom]
Meter=String
FontFace=ElegantIcons
FontSize=50
FontWeight=400
FontColor=255,255,255,255
SolidColor=47,47,47,1
Padding=5,5,5,5
AntiAlias=1
Text=[\xE00A]

3.png

4.png
User avatar
SilverAzide
Rainmeter Sage
Posts: 2588
Joined: March 23rd, 2015, 5:26 pm
Contact:

Re: WeatherIcons

Post by SilverAzide »

I noticed that if you dig around in the CSS files, the author has already gone to the effort of mapping the Unicode numbers to Yahoo's weather icon numbers (and OpenWeatherMap, etc.). The Yahoo numbers are pretty close to weather.com's icon numbers, so a good portion of the work has already been done to map the font characters to the TWC icons.
Post Reply