和风天气图标 - 开源漂亮的天气图标库,支持SVG和Web Font - AI研究社

和风天气图标 - 开源漂亮的天气图标库,支持SVG和Web Font

关键字 天气图标SVG图标

和风天气图标是一个开源漂亮的天气图标库,支持SVG和WebFont,兼容和风天气API,适用于任何需要天气图标的项目,你可以用多种方式集成和使用和风天气图标。

和风天气图标 - 开源漂亮的天气图标库,支持SVG和Web Font - AI研究社

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)并创建字体。

本文地址 https://www.aiyanshe.com/site/com_qweather_icons 转载请注明,建议用PC/手机浏览器(Edge/Chrome/Firefox等)打开。
大家在看的