# qingicon-webfont

## 介绍

QingIcon 作为设计团队内部孵化服务于设计、文档、市场、研发、售前、产品经理等（面向所有有使用图标需求的角色）角色的第一个开源项目，旨在解决青云产品研发、宣传等流程中的图标形象统一化、资源集中化问题，提升各角色工作效率。

[在线预览](https://qingicon.com/) 图标

## 如何使用

> 引用 CDN 链接时，注意更改版本号（可前往下方 NPM 包地址处查阅最新版本），其他版本加载规则请参阅：[Features - jsDelivr](https://www.jsdelivr.com/features)

**包地址：**

[qingicon-webfont - npm](https://www.npmjs.com/package/qingicon-webfont)

**CDN 链接:**

`https://cdn.jsdelivr.net/npm/qingicon-webfont@version/fonts/qingicon.css`

**在项目中引用：**

`<link href="https://cdn.jsdelivr.net/npm/qingicon-webfont@version/fonts/qingicon.css" rel="stylesheet">`

**使用字体图标（icon-图标名称，仅支持单色）：**

`<i class="icon-abstract_fill"></i>`

**使用 svg 图标（支持单、双色）：**

`<img height="32" width="32" src="https://cdn.jsdelivr.net/npm/qingicon-webfont@version/icons/icon-fill/abstract_fill.svg" />`

`<img height="32" width="32" src="https://cdn.jsdelivr.net/npm/qingicon-webfont@version/icons/icon-duotone/abstract_duotone.svg" />`

## 联系我们

Asorn <cjl294114430@gmail.com>

## 开源协议

QingIcon 使用 **Apache License Version 2.0** 开源协议。请放心使用该图标库，如果您能在您的项目中为我们署名，我们将非常感激。需要注意的是，您不能对该图标库进行二次销售，否则我们会追究您的责任。
该图标库版权归 **QingCloud 青云** 所有