# @artsy/icons 中文文档

规范地址：https://npmcn.com/package/%40artsy/icons/

版本：3\.83\.0
npm 元数据更新时间：2026-11-05T09:10:54.822Z
中文译文更新时间：2026-11-06T21:21:56.792Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40artsy/icons
原文对照：https://npmcn.com/package/%40artsy/icons/?lang=original

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

- 包体积（解压后）：1.7 MB，1281 个文件
- 模块格式：CommonJS
- TypeScript 类型：未声明
- 运行依赖：0 个
- peer 依赖：react \>=16\.2\.0，react-native \>=0\.70\.15，styled-system ^5，react-native-svg \>=15\.0\.0，styled-components \>=4
- 首次发布：2022-10-06T15:25:58.992Z
- 最新版本发布：2026-11-05T09:10:54.547Z
- 近 30 天下载量：25184（2026-10-07 至 2026-11-05，npm 官方下载统计）
- 已发布版本数：140（近 12 个月 31 个）

## 中文简介

[@artsy/缩写](https://github.com/artsy/icons) 是Artsy使用的图标的词条来源,是生成 JSX 表达式的自动建构管道 `.svg` 很容易被导入 React apps 的源.

## 安装

```sh
npm install @artsy/icons
```

也可以使用：`pnpm add @artsy/icons`、`yarn add @artsy/icons`、`bun add @artsy/icons`

## README

# @artsy/缩写

[@artsy/缩写](https://github.com/artsy/icons) 是Artsy使用的图标的词条来源,是生成 JSX 表达式的自动建构管道 `.svg` 很容易被导入 React apps 的源.

您可以查看可用的图标 [这里](https://icons.artsy.net/) 并单击以复制想要的图标的导入路径.

## 元数据

-   **状态 :** 生产
-   **GitHub : (中文(简体) )** [https://github.com/artsy/icons (中文(简体) )](https://github.com/artsy/icons)
-   **文职/文职:** [圆Ci](https://circleci.com/gh/artsy/force); 合并公关 `artsy/icons#main` 自动部署到国家预防机制
-   **文档 :** [https://icons.artsy.net (英语)](https://icons.artsy.net/)
-   **点人:** [@dzucconi (英语)](https://github.com/dzucconi)

[![Build Status](https://circleci.com/gh/artsy/icons.svg?style=svg)](https://circleci.com/gh/artsy/icons)

## 安装和使用

```bash
yarn add @artsy/icons
```

之后,为web导入这样的图标:

```tsx
import ArtsyLogo from "@artsy/icons/ArtsyLogo"

const MyApp = () => {
  return <ArtsyLogo />
}
```

或为反应土著:

```tsx
import { ArtsyLogo } from "@artsy/icons/native"

const MyApp = () => {
  return <ArtsyLogo />
}
```

或者,访问 [文档](https://icons.artsy.net/) 并选择将导入路径复制到剪贴板的单个图标.

## 添加新图标

我们设置了重播程序 以便给国家防范机制增加新的图标和出版 尽可能自动化:

1.  克隆还原器 : `git clone https://github.com/artsy/icons.git`
2.  创建新分支 : `git checkout -b add-new-icon`
3.  复制您的新图标 `.svg` 文件输入 `src` 文件夹(并遵循先前存在的命名公约 !) : pray : (中文(简体) )
4.  把分行推到GitHub并打开公关. 这应当自动标记为 `minor` 显示新特性添加的标签
5.  运行 `yarn build && yarn docs` 测试新图标
6.  合并公关。 这将自动生成JSX组件并向国家预防机制发布,并补充更新文件
7.  一旦发布,将在公关中添加一则新评论来宣布新版本.

## 发展

```bash
yarn install
yarn build
yarn docs
```

## 常见问题

### @artsy/icons 是什么？

@artsy/缩写 是Artsy使用的图标的词条来源,是生成 JSX 表达式的自动建构管道 \.svg 很容易被导入 React apps 的源\.

### 如何安装 @artsy/icons？

在项目目录运行 npm install @artsy/icons，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（\>=16\.2\.0）、styled-system（^5）、styled-components（\>=4）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @artsy/icons 支持 TypeScript 吗？

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

### @artsy/icons 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @artsy/icons 可以商用吗？

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

### @artsy/icons 的下载量有多少？

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

### @artsy/icons 还在维护吗？

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