和风天气图标 QWeather Icons
和风天气图标是一个开源、漂亮的天气图标库,支持SVG和Web Font,兼容和风天气API,适用于任何需要天气图标的项目。
下载和安装
你可以通过多种方式下载和安装和风天气图标:
npm
npm i qweather-icons
CDN
<link href="https://cdn.jsdelivr.net/npm/qweather-icons@1.3.2/font/qweather-icons.css" rel="stylesheet">
如何使用
- 在HTML中嵌入SVG
- 在
img
中使用 - 通过web font加载
如果你是和风天气开发者,图标和字体的命名与
icon
字段是一致的,因此你可以直接通过icon
字段找到你需要的图标和字体。
具体使用方式请参考使用文档。
设计文件
所有图标的设计资源可以在Figma中查看。
开发
假设你已经拥有Node.js环境。克隆本项目到本地,并安装依赖。
git clone https://github.com/qwd/Icons.git
cd Icons
npm install
运行文档
npm run docs
在浏览器打开https://localhost:1313
即可。
创建图标
npm run icons
其他scripts
请查看package.json
。
自定义图标
参考自定义文档。
灵感
灵感来自Boogstrap Icons
许可
版权所属 QWeather
代码 MIT
图标 知识共享署名4.0
QWeather Icons
QWeather Icons is an open source, beautiful weather icon library that supports SVG and Web Font, compatible with QWeather API, and also works in any project that needs weather icons.
Install
npm
npm i qweather-icons
CDN
<link href="https://cdn.jsdelivr.net/npm/qweather-icons@1.3.2/font/qweather-icons.css" rel="stylesheet">
How to Use
- Embedding SVG in HTML
- Use
img
element - Loading via web font
For QWeather developers, the icons and fonts are named the same as the
icon
field, so you can find the icons and fonts you need directly through theicon
field.
See Usage for more.
Design resources
All design resources for icons can be found in Figma.
Development
Assume you already have a Node.js environment. Clone this project locally and install the dependencies.
git clone https://github.com/qwd/Icons.git
cd Icons
npm install
Run docs server
npm run docs
Open https://localhost:1313
in your browser.
Build icons
npm run icons
Other scripts
See package.json
for more.
Customize
See Customize for more.
Inspiration
Inspired by Boogstrap Icons
License
Copyright QWeather
Code for MIT
Icon for CC BY 4.0