Skip to content
/ Icons Public

和风天气开源图标字体库 Open source weather icons && fonts for QWeather

License

Notifications You must be signed in to change notification settings

qwd/Icons

Repository files navigation

和风天气图标 QWeather Icons

English

和风天气图标是一个开源、漂亮的天气图标库,支持SVG和Web Font,兼容和风天气API,适用于任何需要天气图标的项目。

下载和安装

你可以通过多种方式下载和安装和风天气图标:

npm

npm i qweather-icons

CDN

<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/qweather-icons.css" rel="stylesheet">

下载.zip

如何使用

  • 在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/[email protected]/font/qweather-icons.css" rel="stylesheet">

Or Download .zip

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 the icon 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