图标说明
和风天气图标&&字体是一套漂亮的天气图标与天气图标字体,使用SVG格式,方便嵌入到网站或APP中。和风天气图标是开源项目,你可以免费的用于任何项目或自由的对这些图标进行再创作。
下载和使用
你可以通过多种方式下载和安装和风天气图标,包括npm、CDN或直接下载。
和风天气图标采用SVG格式,支持svg和img标签、图标字体或css样式,你可以自由的控制和风天气图标的尺寸、样式和颜色。
访问和风天气图标了解更多关于安装和使用的信息,并可以浏览全部图标。
源代码
git clone https://github.com/qwd/Icons.git
或访问我们的Github仓库获取和风天气图标的所有源代码,如果遇到问题,欢迎提交一条Issue或者PR。
图标代码说明
注意:图标和图标代码将不断的更新,包括新增、修改和删除,因此你必须对你的程序进行适配,以便在发生变化的时候不会导致错误出现!
天气图标
一些天气状况会根据白天和晚上返回不同的图标,例如:白天的晴天将返回100
(是一个太阳图标),夜间的晴天将返回150
(是一个月亮图标)。
图标代码 | 天气 | 白天 | 夜晚 |
---|---|---|---|
100 | 晴 | ✅ | ❌ |
101 | 多云 | ✅ | ❌ |
102 | 少云 | ✅ | ❌ |
103 | 晴间多云 | ✅ | ❌ |
104 | 阴 | ✅ | ✅ |
150 | 晴 | ❌ | ✅ |
151 | 多云 | ❌ | ✅ |
152 | 少云 | ❌ | ✅ |
153 | 晴间多云 | ❌ | ✅ |
300 | 阵雨 | ✅ | ❌ |
301 | 强阵雨 | ✅ | ❌ |
302 | 雷阵雨 | ✅ | ✅ |
303 | 强雷阵雨 | ✅ | ✅ |
304 | 雷阵雨伴有冰雹 | ✅ | ✅ |
305 | 小雨 | ✅ | ✅ |
306 | 中雨 | ✅ | ✅ |
307 | 大雨 | ✅ | ✅ |
308 | 极端降雨 | ✅ | ✅ |
309 | 毛毛雨/细雨 | ✅ | ✅ |
310 | 暴雨 | ✅ | ✅ |
311 | 大暴雨 | ✅ | ✅ |
312 | 特大暴雨 | ✅ | ✅ |
313 | 冻雨 | ✅ | ✅ |
314 | 小到中雨 | ✅ | ✅ |
315 | 中到大雨 | ✅ | ✅ |
316 | 大到暴雨 | ✅ | ✅ |
317 | 暴雨到大暴雨 | ✅ | ✅ |
318 | 大暴雨到特大暴雨 | ✅ | ✅ |
350 | 阵雨 | ❌ | ✅ |
351 | 强阵雨 | ❌ | ✅ |
399 | 雨 | ✅ | ✅ |
400 | 小雪 | ✅ | ✅ |
401 | 中雪 | ✅ | ✅ |
402 | 大雪 | ✅ | ✅ |
403 | 暴雪 | ✅ | ✅ |
404 | 雨夹雪 | ✅ | ✅ |
405 | 雨雪天气 | ✅ | ✅ |
406 | 阵雨夹雪 | ✅ | ❌ |
407 | 阵雪 | ✅ | ❌ |
408 | 小到中雪 | ✅ | ✅ |
409 | 中到大雪 | ✅ | ✅ |
410 | 大到暴雪 | ✅ | ✅ |
456 | 阵雨夹雪 | ❌ | ✅ |
457 | 阵雪 | ❌ | ✅ |
499 | 雪 | ✅ | ✅ |
500 | 薄雾 | ✅ | ✅ |
501 | 雾 | ✅ | ✅ |
502 | 霾 | ✅ | ✅ |
503 | 扬沙 | ✅ | ✅ |
504 | 浮尘 | ✅ | ✅ |
507 | 沙尘暴 | ✅ | ✅ |
508 | 强沙尘暴 | ✅ | ✅ |
509 | 浓雾 | ✅ | ✅ |
510 | 强浓雾 | ✅ | ✅ |
511 | 中度霾 | ✅ | ✅ |
512 | 重度霾 | ✅ | ✅ |
513 | 严重霾 | ✅ | ✅ |
514 | 大雾 | ✅ | ✅ |
515 | 特强浓雾 | ✅ | ✅ |
900 | 热 | ✅ | ✅ |
901 | 冷 | ✅ | ✅ |
999 | 未知 | ✅ | ✅ |
月相图标
月相图标将自动适应南北半球的月相样式。例如今天的月相是上弦月,那么在北半球我们将返回802
,而在南半球返回806
。关于更多月相的说明请参考月相。
图标代码 | 月相(北半球) | 月相(南半球) |
---|---|---|
800 | 新月 | 新月 |
801 | 蛾眉月 | 残月 |
802 | 上弦月 | 下弦月 |
803 | 盈凸月 | 亏凸月 |
804 | 满月 | 满月 |
805 | 亏凸月 | 盈凸月 |
806 | 下弦月 | 上弦月 |
807 | 残月 | 蛾眉月 |
预警图标
预警图标的代码和warning.type
相对应,关于目前支持的warning.type
请参考预警类型。
版权和许可
版权所属 QWeather
代码 MIT
图标 知识共享署名4.0
早期版本
注意:早期版本不再提供任何更新,有可能与目前最新的天气图标代码不匹配
和风天气图标的前身是天气图标项目,这个项目提供了两套PNG格式的图标,包括彩色和单色版本,如果你倾向使用这个早期版本的图标,请访问天气图标项目的Github仓库进行下载。