TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Weather Icons – Icon font with 123 weather-themed icons

184 pointsby eflowersalmost 11 years ago

13 comments

thmortonalmost 11 years ago
Hey Erik, I just wanted to say thanks for your awesome icons. I used them on a Saturday project I did awhile ago (<a href="http://weather.basementserver.org/" rel="nofollow">http:&#x2F;&#x2F;weather.basementserver.org&#x2F;</a>) and they looked great!
评论 #8055891 未加载
评论 #8055063 未加载
评论 #8054831 未加载
radleyalmost 11 years ago
Since most people using weather icons will also be using APIs by Accuweather, WUnderground, and Open Weather Map, it&#x27;s good to try to match actual reported conditions as much as possible:<p><a href="https://api.accuweather.com/developers/weatherIcons" rel="nofollow">https:&#x2F;&#x2F;api.accuweather.com&#x2F;developers&#x2F;weatherIcons</a><p>Often designers create lots of different wind and extreme icons (Tornado, Meteor) which will never be used and not enough subtle-difference icons (Mostly Sunny, Partly Sunny, Intermittent Clouds) which are needed. When implemented, we end up using only a small portion of a collection and repeating many icons.
评论 #8054369 未加载
ColinCeraalmost 11 years ago
Very nice. However, the symbol for hurricane is wrong. There <i>is</i> actually a standard symbol for hurricane and it has a solid center. The symbol you&#x27;re using for hurricane, with an open center, is actually the symbol for a tropical storm.<p>See: <a href="http://www.nhc.noaa.gov/gtwo.php?basin=atlc&amp;fdays=2" rel="nofollow">http:&#x2F;&#x2F;www.nhc.noaa.gov&#x2F;gtwo.php?basin=atlc&amp;fdays=2</a>
评论 #8057175 未加载
embolaliaalmost 11 years ago
Why have an icon font for ℃ and ℉ instead of just using &amp;#8451; and &amp;#8457;? There are probably Unicode codepoints for others in this set, too.
epsalmost 11 years ago
&gt; Icon font with 123 weather-themed icons<p>Everything an aspiring app designer needs for his right of passage on Dribbble.
nkozyraalmost 11 years ago
They look nice. You should let icomoon.io know, they also presently have Meteoicons from Alessio Atzeni:<p><a href="http://www.alessioatzeni.com/meteocons/#about" rel="nofollow">http:&#x2F;&#x2F;www.alessioatzeni.com&#x2F;meteocons&#x2F;#about</a>
评论 #8055071 未加载
OutThisLifealmost 11 years ago
[class*=&quot;wi-&quot;] could save you from having to define `wi` on every icon.
评论 #8055212 未加载
评论 #8055141 未加载
arnorbalmost 11 years ago
Looks like a stylized version of Climacons <a href="http://adamwhitcroft.com/climacons/" rel="nofollow">http:&#x2F;&#x2F;adamwhitcroft.com&#x2F;climacons&#x2F;</a>
breyalmost 11 years ago
very nice.<p>I&#x27;m curious - is there some kind of international standard for these glyphs, or just an emerged convention of what eg. &#x27;cloud plus rain&#x27; looks like?
评论 #8055085 未加载
tylerpachalalmost 11 years ago
These are so nice, I might make some sort of weather app just to use them aha!
adoming3almost 11 years ago
This is awesome man! How did you get the idea for this?
评论 #8056730 未加载
carsonreinkealmost 11 years ago
Please weather.gov use this
评论 #8054855 未加载
stygiansonicalmost 11 years ago
wi-meteor<p>I pray we never see this in the forecast.
评论 #8055094 未加载