Weather Icons 是由 Erik Flowers 创建和维护的一个开源图标库，提供了 222 个与天气相关的图标，旨在为网页和应用程序提供高质量的天气、气象和海洋主题图标。
🌦️ 核心特点
- 丰富的图标集：包含 222 个图标，涵盖晴天、阴天、雨雪、风力、雾霾、雷暴、飓风等多种天气状况，以及月相、风力等级（Beaufort 风级）等特殊图标。
- 灵活的样式控制：支持 CSS 样式的所有常规操作，如缩放、旋转、翻转、着色、阴影等，方便用户根据需求进行自定义。
- 适用于设计工具：提供 OTF 和 TTF 字体文件，可直接在 Photoshop、Illustrator、Sketch 等设计软件中使用，方便设计师快速插入天气图标。
- 与主流天气 API 的兼容性：内置了与 Yahoo Weather、OpenWeatherMap、Forecast.io、Weather Underground 和世界气象组织（WMO）等天气服务的映射关系，方便开发者根据 API 返回的天气代码显示相应的图标。
- 支持预处理器：提供 LESS 和 Sass 版本，方便与现有的构建工具和样式体系集成。
- 开源许可：图标采用 SIL OFL 1.1 许可协议，代码采用 MIT 许可协议，文档采用 CC BY 3.0 许可协议，允许自由使用和修改。
🚀 快速上手
- 将
weather-icons.min.css文件和字体文件（如.woff、.ttf等）添加到项目中。 - 在 HTML 中使用
<i class="wi wi-day-sunny"></i>语法来显示天气图标。 - 可通过添加类名来调整图标样式，例如：
<i class="wi wi-day-sunny wi-flip-vertical wi-rotate-90"></i>上述代码将显示一个翻转并旋转 90 度的晴天图标。
🔗 相关资源
- 官方网站：https://erikflowers.github.io/weather-icons/
- GitHub 仓库：https://github.com/erikflowers/weather-icons
- CDN 资源：https://cdnjs.com/libraries/weather-icons
无论是开发天气预报应用、仪表盘，还是设计天气相关的图形界面，Weather Icons 都是一个非常实用且易于集成的工具。
