# @cyclone9/cpik 中文文档

规范地址：https://npmcn.com/package/%40cyclone9/cpik/

版本：0\.2\.1
npm 元数据更新时间：2026-11-10T23:19:17.249Z
中文译文更新时间：2026-11-11T10:32:30.953Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40cyclone9/cpik
原文对照：https://npmcn.com/package/%40cyclone9/cpik/?lang=original
项目主页：https://cyclone9.dev/cpik
源码仓库：https://github.com/cyclone9/CPIK

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：172 kB，8 个文件
- TypeScript 类型：未声明
- Node.js 要求：\>=24\.0\.0
- 运行依赖：0 个
- 首次发布：2026-10-24T21:14:31.268Z
- 最新版本发布：2026-11-10T23:19:16.946Z
- 近 30 天下载量：2203（2026-10-11 至 2026-11-09，npm 官方下载统计）
- 已发布版本数：13（近 12 个月 13 个）

## 中文简介

CPIK - CyClone Power Icon Kit. 伊朗银行的图标,平台,服务和品牌作为通过CSS使用的图标字体.

## 安装

```sh
npm install @cyclone9/cpik
```

也可以使用：`pnpm add @cyclone9/cpik`、`yarn add @cyclone9/cpik`、`bun add @cyclone9/cpik`

## README

# CPIK - CyClone 电源图标套件

![CPIK](https://npmcn.com/package/%40cyclone9/cpik/assets/cpik-lockup-on-light.svg)

نسخه‌ی0.2.1 [变动情况](https://npmcn.com/package/%40cyclone9/cpik/CHANGELOG.md) ببینید.

**برندهای.**

(原始内容存档于2018-09-29). CPIK. {\\FN黑体\\FS20\\SHAD2\\2AH82\\3AH20\\4AH33\\FSCX95\\3CH592001\\BE1}♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪ {\\FN华文仿宋\\FS16\\1CHD1D1D1}好.

![ویدیوی معرفی CPIK](https://npmcn.com/package/%40cyclone9/cpik/assets/cpik-video-fa.gif)

(原始内容存档于2018-10-21). CPIK. [دانلود(MP4،)](https://npmcn.com/package/%40cyclone9/cpik/assets/cpik-video-fa.mp4?raw=true)

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 [https://cpik.cyclone9.dev/ (英语)](https://cpik.cyclone9.dev/)

(原始内容存档于2018-10-21). CPIK [https://cyclone9.dev/cpik (英语)](https://cyclone9.dev/cpik)

## شروع

۱ `cpik-<version>.zip` را [{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢](https://github.com/cyclone9/CPIK/releases/latest) دانلود.

۲ `cpik.css`، `cpik.woff2` 页:1 `cpik.woff` {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 `assets/cpik/`{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 `cpik.min.css` را `cpik.css` به.

۳,فایل `<head>` 说吧

```html
<link rel="stylesheet" href="./assets/cpik/cpik.css">
```

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢

```html
<i class="cpik-cyclone-cpik" aria-hidden="true"></i>
```

说吧 `cpik-` {\\FN黑体\\FS22\\BORD1\\SHAD0\\3AHBE\\4AH00\\FSCX67\\FSCY66\\2CHFFFFFF\\3CH808080}你觉得呢? {\\FN黑体\\FS20\\SHAD2\\2AH82\\3AH20\\4AH33\\FSCX95\\3CH592001\\BE1}你觉得呢.

### CDN 无

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢? {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@cyclone9/cpik@0.2.0/dist/cpik.min.css">
```

{\\fn黑体\\fs22\\bord1\\shad0\\3ahbe\\4ah00\\fscx67\\fscy66\\2chffffff\\3ch808080}你觉得呢 `@cyclone9/cpik/cpik.css` 导入 :

```sh
npm install @cyclone9/cpik
```

## اندازه و

{\\fn黑体\\fs20\\shad2\\2aH82\\3aH20\\4aH33\\fscx95\\3cH592001\\be1}你觉得怎样? {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 `font-size` و `color` 校对:Soup

```css
.cpik-cyclone-cpik {
  font-size: 48px;
  color: #4A5CF0;
}
```

اگر:

```html
<button type="button" aria-label="Pay with Bank Melli">
  <i class="cpik-bank-melli" aria-hidden="true"></i>
</button>
```

## آیکون‌ها

نام:

| پیشوند | دسته |
| --- | --- |
| `bank-` | بانک‌ها |
| `finance-` | پرداخت |
| `crypto-` | صرافی‌های |
| `telecom-` | اپراتورها و |
| `shop-` | فروشگاه‌ها و |
| `shipping-` | پست و |
| `transport-` | حمل و |
| `platform-` | پلتفرم‌های |
| `channel-` | شبکه‌های |
| `news-` | خبری |
| `sport-` | تیم‌های |
| `socialmedia-` | شبکه‌های |
| `gov-` | خدمات |
| `map-` | نقشه‌ها |
| `landmark-` | بناهای |
| `symbol-` | نمادهای |
| `cyclone-` | \- 自行车 |

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 `cpik.json` است.

آیکونی:"也 [{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢](https://github.com/cyclone9/CPIK/issues/new?template=icon-request.yml) بخواهید.

唵(引一)عوض(二合引一)贺.

## {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢.

```sh
npm ci
npm run build              # writes the font, the stylesheet and the preview page to dist/
npm run preview -- 8080    # serves dist/ on http://127.0.0.1:8080
```

说吧

{\\FN黑体\\FS22\\BORD1\\SHAD0\\3AHBE\\4AH00\\FSCX67\\FSCY66\\2CHFFFFFF\\3CH808080}你觉得呢 `icons/` {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 `<prefix>-<name>.svg` {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢.

{\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢? {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}我 `config/metadata.json` اضافه.

۳ `npm run build` را.

{\\fn黑体\\fs20\\shad2\\2aH82\\3aH20\\4aH33\\fscx95\\3cH592001\\be1}##################################### ################################################################################################################################################################################################ {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}======================================================================================================================================================================================================================================= SVG اگر نمی‌تواند دهد، دهد، شکلی شکلی شکلی شکلی شکلی (str str str (str str str). {\\fn黑体\\fs20\\shad2\\2aH82\\3aH20\\4aH33\\fscx95\\3cH592001\\be1}你觉得呢.

## مجوز

版权(c) 2026 CyClone(英语:[https://cyclone9.dev (英语)](https://cyclone9.dev/)。 。 。 [自由主义](https://npmcn.com/package/%40cyclone9/cpik/LICENSE) است.

麻省理工学院 {\\FN黑体\\FS20\\SHAD2\\2AH82\\3AH20\\4AH33\\FSCX95\\3CH592001\\BE1}你觉得呢? {\\FN黑体\\FS22\\BORD1\\SHAD0\\3AHBE\\4AH00\\FSCX67\\FSCY66\\2CHFFFFFF\\3CH808080}你觉得呢? CCPIK و و و آن [资产/](https://npmcn.com/package/%40cyclone9/cpik/assets/) {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}是的 {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}是的 {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}是的 {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 `cpik-map-iran-seas` (原始内容存档于2016-10-12). Natural Earth[资产/基金/OFL.txt](https://npmcn.com/package/%40cyclone9/cpik/assets/fonts/OFL.txt)) (中文(简体) ).

## 常见问题

### @cyclone9/cpik 是什么？

CPIK - CyClone Power Icon Kit\. 伊朗银行的图标,平台,服务和品牌作为通过CSS使用的图标字体\.

### 如何安装 @cyclone9/cpik？

在项目目录运行 npm install @cyclone9/cpik，或使用 pnpm add / yarn add / bun add。

### @cyclone9/cpik 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/cyclone9\_\_cpik 是否存在。

### @cyclone9/cpik 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>=24\.0\.0。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @cyclone9/cpik 可以商用吗？

@cyclone9/cpik 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @cyclone9/cpik 的下载量有多少？

根据 npm 官方下载统计，@cyclone9/cpik 在 2026/10/11 – 2026/11/09 这 30 天内被下载 2,203 次，日均约 73 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @cyclone9/cpik 还在维护吗？

最新版本 0\.2\.1 发布于 2026/11/11（今天）；至今共发布 13 个版本，其中过去 12 个月发布了 13 个；首次发布于 2026/10/25。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。

