Installation

Package Manager

pnpm

pnpm add @fuxishi/svg-icon

npm

npm install @fuxishi/svg-icon

yarn

yarn add @fuxishi/svg-icon

Peer Dependencies

@fuxishi/svg-icon requires the following peer dependency:

Dependency	Version	Required
vue	^3.5.33	Yes

pnpm add vue

Optional Dependencies

The following UI frameworks are optional. Installing them automatically enables the corresponding icon selector preset:

Dependency	Purpose
element-plus	Element Plus preset
naive-ui	Naive UI preset
antdv-next	AntDv Next preset
tdesign-vue-next	TDesign preset

After installing a UI framework, FxIconSelect will automatically detect and load the corresponding preset component without manual configuration.

Icon Collection Packages

To use Iconify icon collections, install the corresponding @iconify-json packages:

# Element Plus icons
pnpm add -D @iconify-json/ep

# Ant Design icons
pnpm add -D @iconify-json/ant-design

# Material Design Icons
pnpm add -D @iconify-json/mdi

You can find all available icon sets at Iconify Icon Sets.

Full Installation Example

For an Element Plus project:

pnpm add @fuxishi/svg-icon element-plus @element-plus/icons-vue @iconify-json/ep