Weather Icons

Dev tools

icon font

SHOW HN2014

184points
35comments
#118of 2,272 in 2014
Top 6%of 2014 by points

How HN took it

MixedNo clear lean

4 positive, 8 neutral or asking, 0 mixed, 11 critical, out of 23 comments about the project. Thread score -0.28.

Design: 2 for, 4 againstIdea: 2 for, 2 againstExecution: 0 for, 4 againstPerformance: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Icons look nice and clean

    From 3 comments
    • They look nice. You should let icomoon.io know, they also presently have Meteoicons from Alessio Atzeni: http://www.alessioatzeni.com/meteocons/#about
      nkozyra on HN
    • These are so nice, I might make some sort of weather app just to use them aha!
      tylerpachal on HN
    • They look really great. That's been a project I've wanted to try for fun but have lacked the time.
      alex_doom on HN
  • Used in real projects

    From 1 comment
    • Hey Erik, I just wanted to say thanks for your awesome icons. I used them on a Saturday project I did awhile ago (http://weather.basementserver.org/) and they looked great!
      thmorton on HN

Objections

  • Hurricane symbol is wrong

    From 2 comments
    • Very nice. However, the symbol for hurricane is wrong. There is actually a standard symbol for hurricane and it has a solid center. The symbol you're using for hurricane, with an…
      ColinCera on HN
    • Agreed. See also http://www.opc.ncep.noaa.gov/product_description/keyterm.shtml , which describes their symbols, including hurricane/tropical depression.
      dalke on HN
  • Single color limits conveying conditions

    From 1 comment
    • IMHO weather icons really need color. This will be even more necessary when you want to have more subtle variations in conditions. Color - or shades of gray - could even be an…
      phkahler on HN
  • Missing subtle condition variants and includes unused icons

    From 1 comment
    • Since most people using weather icons will also be using APIs by Accuweather, WUnderground, and Open Weather Map, it's good to try to match actual reported conditions as much as…
      radley on HN

Requests

  • Release as SVG to allow color and animation

    From 1 comment
    • If you were to release this set as SVG, color would get a lot easier. It'd also open up the possibility of adding animation. For example: http://codepen.io/noahblon/details/lxukH
      chrisege on HN
  • Add hairline weight or subtle condition icons

    From 1 comment
    • There are some additions going on to make CSS addon sheets that match the NOAA, yahoo, accuweather, etc etc. It's just a ton of work to even get this far, I have to take month…
      eflowers on HN

Questions

  • Is there an international standard for weather glyphs?

    From 1 comment
    • very nice. I'm curious - is there some kind of international standard for these glyphs, or just an emerged convention of what eg. 'cloud plus rain' looks like?
      brey on HN
  • Why use an icon font for degree symbols?

    From 1 comment
    • Why have an icon font for ℃ and ℉ instead of just using ℃ and ℉? There are probably Unicode codepoints for others in this set, too.
      embolalia on HN

Alternatives named

  • Climacons

    From 1 comment
    • Looks like a stylized version of Climacons http://adamwhitcroft.com/climacons/
      arnorb on HN
  • Meteocons

    From 1 comment
    • They look nice. You should let icomoon.io know, they also presently have Meteoicons from Alessio Atzeni: http://www.alessioatzeni.com/meteocons/#about
      nkozyra on HN
  • NOAA forecast icons

    From 1 comment
    • I don't know. I use noaa's forecast site a lot, and I kind of like the images they use for the conditions.
      jabits on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/8053961)