和风天气图标是一个开源漂亮的天气图标库,支持SVG和WebFont,兼容和风天气API,适用于任何需要天气图标的项目,你可以用多种方式集成和使用和风天气图标。
Figma和风天气图标设计稿地址:https://www.figma.com/community/file/1196353857920331062/qweather-icons,GitHub和风天气开源图标字体库地址:https://github.com/qwd/Icons。
你可以使用多种方式下载和安装和风天气图标(QWeather Icons),包括npm、CDN、下载源代码或复制设计原稿。
使用npm快速的将和风天气图标安装在你的项目中,包括SVG图标、图标字体等等。
和风天气图标使用SVG格式,因此你可以通过多种方式进行使用,包括使用图标字体、以
使用
SVG格式的图标也可以被视为一张普通图片,就像平时一样在网页中使用标签插入图片。
和风天气图标提供了图标字体,像使用其他图标字体一样,你可以使用CDN或在本地导入字体样式。
你可以对这些图标修改颜色或调整样式,然后导出新的SVG或其他格式的图片。
如果需要创建新的字体,你必须:导出SVG格式的图标,SVG图片必须进行Flatten和Outline stroke操作,确保SVG图片的fill-rule的值不是evenodd。
如果你是在Figma中进行的编辑,推荐使用Fill Rule Editor这个插件来修正。
当完成上述图标和字体的重新设计后,参考下方运行QWeather Icons,可以对SVG图标进行压缩和优化(我们使用SVGO)并创建字体。