# @elgato/icons 中文文档 规范地址：https://npmcn.com/package/%40elgato/icons/ 版本：2\.5\.1 npm 元数据更新时间：2026-07-08T09:52:06.605Z 中文译文更新时间：2026-11-13T18:12:02.130Z 软件包许可：MIT 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/%40elgato/icons 原文对照：https://npmcn.com/package/%40elgato/icons/?lang=original 项目主页：https://docs.elgato.com/resources/icons 源码仓库：https://github.com/elgatosf/icons ## 关键信息（来自 npm 元数据） - 包体积（解压后）：10.6 MB，7508 个文件 - 模块格式：ES Module - TypeScript 类型：包内自带 - 运行依赖：0 个 - 首次发布：2024-12-17T18:04:48.478Z - 最新版本发布：2026-07-08T09:52:06.107Z - 近 30 天下载量：3251（2026-10-14 至 2026-11-12，npm 官方下载统计） - 已发布版本数：14（近 12 个月 6 个） ## 中文简介 整个埃尔加托生态系统使用的图标. ## 安装 ```sh npm install @elgato/icons ``` 也可以使用：`pnpm add @elgato/icons`、`yarn add @elgato/icons`、`bun add @elgato/icons` ## README [![Elgato icons banner](https://raw.githubusercontent.com/elgatosf/icons/refs/heads/main/assets/banner.png)](https://docs.elgato.com/resources/icons) # 埃尔加多图标 [![Elgato homepage](https://img.shields.io/badge/Elgato-3431cf?labelColor=grey&logo=elgato)](https://elgato.com/) [![Join the Marketplace Makers Discord](https://img.shields.io/badge/Marketplace%20Makers-5662f6?labelColor=grey&logo=discord&logoColor=white)](https://discord.gg/GehBUcu627) [![Build status](https://img.shields.io/github/actions/workflow/status/elgatosf/icons/build.yml?branch=main&label=Build&logo=GitHub)](https://github.com/elgatosf/icons/actions) 整个埃尔加托生态系统使用的发现图标,常见于Stream Deck, Wave Link, Camera Hub, Captain,和Marketplace. 混合,匹配, 并管理自己的图标包 根据我们的设计语言. [浏览图标](https://docs.elgato.com/icons) ## 使用量 ```bash npm install @elgato/icons ``` ### JavaScript 变量 图标可以作为 SVG 字符串导入 `@elgato/icons/{s,m,l}`,例如: ```ts import { iconLogoElgato } from "@elgato/icons/l"; iconLogoElgato; // SVG string of the Elgato logo, large (l) size. ``` 图标最多可提供3个大小,小(s),中(m)和大(l). - `@elgato/icons/s` ——优化为16×16px. - `@elgato/icons/m` ——优化为20×20px. - `@elgato/icons/l` ——优化为24×24px. ### 反应组件 图标可以作为 React 组件从 `@elgato/icons/react`,例如 ```tsx import { IconLogoElgato } from "@elgato/icons/react"; export default function MyComponent() { return (
); }; ``` 图标以小(s)、中(m)和大(l)三种尺寸提供,首选尺寸可使用 `size` 属性。 如果首选大小不存在,则会使用默认大小. ### SVG 文件 所有原始的SVG文件都与此软件包一起分发,可以在 `svg/` 目录. ``` . ├── svg/ | └── l/ │ ├── m/ │ ├── s/ | │ ├── ... | │ ├── warning.svg | │ ├── window--filled.svg | │ └── window.svg └── ... ``` ### 字体 图标字体在 `font/` 目录,在TTF,WOFF,和WOFF2格式中,带有即用CSS样式表. ``` . ├── font/ │ ├── elgato-icons.css │ ├── elgato-icons.ttf │ ├── elgato-icons.woff │ ├── elgato-icons.woff2 │ └── info.json └── ... ``` 从软件包中导入样式表并直接使用图标类名称 : ```ts import "@elgato/icons/font"; ``` 或者通过 CDN 在 HTML 中直接引用它 : ```html ``` 类名遵循图案 `elgato-icons-{icon-name}-{size}` 用于正则图标和 `elgato-icons-{icon-name}--filled-{size}` 用于填充的变体,其中 `{size}` 这是其中之一 `l`, (中文(简体) ), `m`,或 `s`。可以在下列网址中找到图标名称(包括已填充的变体)到 Unicode 代码点的完整映射: `font/info.json`。 。 。 . ## 常见问题 ### @elgato/icons 是什么？ 整个埃尔加托生态系统使用的图标\. ### 如何安装 @elgato/icons？ 在项目目录运行 npm install @elgato/icons，或使用 pnpm add / yarn add / bun add。 ### @elgato/icons 支持 TypeScript 吗？ 支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。 ### @elgato/icons 支持 ESM 还是 CommonJS？ 以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。 ### @elgato/icons 可以商用吗？ @elgato/icons 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。 ### @elgato/icons 的下载量有多少？ 根据 npm 官方下载统计，@elgato/icons 在 2026/10/14 – 2026/11/12 这 30 天内被下载 3,251 次，日均约 108 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。 ### @elgato/icons 还在维护吗？ 最新版本 2\.5\.1 发布于 2026/07/08（4 个月前）；至今共发布 14 个版本，其中过去 12 个月发布了 6 个；首次发布于 2024/12/18。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。