图标说明

和风天气图标&&字体是一套漂亮的天气图标与天气图标字体,使用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仓库进行下载。