ZGI 市场
登录注册账号
技能版本 1.0.0

lucide-icons

搜索、下载和自定义 Lucide 图标（1000+ 精美 SVG 图标），支持生成 React 组件

价格

免费

  • 安装：免费

在组织开通时一次性收取；再次读取清单或下载不重复收费。

以上为公开标价。你的组织可能有协议价，以控制台显示的价格为准。

如何使用

  1. 为组织安装

    开通即安装：组织固定使用开通时的版本（当前为 1.0.0）。升级到新版本需要取消后重新开通。

  2. 创建凭证

    客户端使用组织凭证读取；绑定到数字人后，数字人使用绑定凭证按需加载。请求中携带：

    Authorization: Bearer $ZGI_MARKET_KEY

  3. 读取清单与安装包

    清单列出版本、文件和校验值；安装包是一个 zip 文件。

    读取清单
    curl "https://market-api.zgi.im/v1/market/skills/lucide-icons/manifest" \
  -H "Authorization: Bearer $ZGI_MARKET_KEY"
    下载安装包
    curl "https://market-api.zgi.im/v1/market/skills/lucide-icons/package" \
  -H "Authorization: Bearer $ZGI_MARKET_KEY" \
  -o lucide-icons.zip

    读取清单和下载安装包不计入用量。下载后请用响应头中的 SHA-256 校验文件。

技能说明

名称
lucide-icons
说明
搜索、下载和自定义 Lucide 图标（1000+ 精美 SVG 图标），支持生成 React 组件
会运行代码Node.jsShell

技能包内含脚本文件，加载技能的运行时可能会执行它们，安装前请先阅读。

SKILL.md 节选

# Lucide Icons Skill

Search, download, and customize Lucide icons (1000+ beautiful SVG icons).

## Quick Start

```bash
# Search for icons
node ./scripts/lucide.js search heart

# Download an icon
node ./scripts/lucide.js download heart --output ./icons/

# Download with React component
node ./scripts/lucide.js download heart --output ./icons/ --format svg,react

# Customize icon
node ./scripts/lucide.js download star --color "#ffd700" --size 32
```

## Commands

### search `<keyword>`
Search for icons by name or keyword.

```bash
lucide search heart --limit 10
```

### download `<icon-name>`
Download a single icon with optional customization.

Options:
- `-o, --output <dir>` - Output directory (default: current directory)
- `-f, --format <formats>` - Output formats: `svg`, `react` (default: `svg`)
- `-c, --color <color>` - Icon color (default: `currentColor`)
- `-s, --size <size>` - Icon size in pixels (default: `24`)
- `-w, --stroke-width <width>` - Stroke width (default: `2`)
- `--overwrite` - Overwrite existing files

### list
List all available icons.

```bash
lucide list --limit 50
```

### info `<icon-name>`
Show detailed information about an icon.

```bash
lucide info heart
```

### refresh
Refresh the icon metadata cache.

```bash
lucide refresh
```

## Installation

Before first use, install dependencies:

```bash
cd ./scripts && npm install
```

## Output Formats

### SVG
Standard SVG file with optional customization (color, size, stroke-width).

### React (TypeScript)
Generates a fully-typed React component with props:
- `size` - Icon size
- `color` - Icon color
- `strokeWidth` - Stroke width
- `className` - CSS classes
- `style` - Inline styles
- `aria-label` - Accessibility label

## Examples

```bash
# Download heart icon to src/icons/
lucide download heart -o ./src/icons/

# Download with custom color and size
lucide download star --color "#ffd700" --size 32 -o ./icons/

# Generate both SVG and React component
lucide download check-circle --format svg,react -o ./src/components/icons/

# Search for arrow icons
lucide search arrow --limit 20
```

## Data Source

Icons are fetched from the official [Lucide repository](https://github.com/lucide-icons/lucide).

## More Information

See [README.md](./README.md) for detailed documentation.

技能包内容

共 8 个文件，合计 48.4 KiB

  • INCLUSION_CHECKLIST.md5.5 KiB
  • README.md6.3 KiB
  • SKILL.md2.4 KiB
  • SUMMARY.md6.2 KiB
  • install.sh3.9 KiB
  • scripts/lucide.js18.5 KiB
  • scripts/package.json621 B
  • scripts/templates/react.template.js5.1 KiB

来源与审核

审核状态
尚未审核，内容来自上游来源
来源文档
https://github.com/lucide-icons/lucide
源代码仓库
https://github.com/lucide-icons/lucide
许可证
未说明

审核状态是平台对上架信息的记录，不构成对上游服务质量或可用性的担保。

相关商品