Installation

YCloud Icons follows the same package coverage model as Lucide and currently documents 10 package types.

These packages cover three asset families:

• Generic icons: default entries and icons/* subpaths for 24x24 linear icons.
• Business icons: business subpath entries, business-icons/* static paths, and a separate business icon font for product- or business-specific artwork.
• Illustrations: illustration subpath entries and illustration-icons/<category>/* static paths for artwork that keeps its original colors and aspect ratio.

Business icons and illustrations are not mixed into the generic default entries. See Business icons for the business source and validation rules, see Illustrations for illustration rules, and browse the Illustrations gallery.

Core JavaScript

Framework-agnostic icon data and helpers.

pnpm

pnpm add @ycloud-web/icons

npm

npm install @ycloud-web/icons

yarn

yarn add @ycloud-web/icons

bun

bun add @ycloud-web/icons

See the Core JavaScript guide.

React

Typed React SVG components with named imports.

pnpm

pnpm add @ycloud-web/icons-react

npm

npm install @ycloud-web/icons-react

yarn

yarn add @ycloud-web/icons-react

bun

bun add @ycloud-web/icons-react

See the React guide.

Vue

Vue components generated from the same icon source.

pnpm

pnpm add @ycloud-web/icons-vue

npm

npm install @ycloud-web/icons-vue

yarn

yarn add @ycloud-web/icons-vue

bun

bun add @ycloud-web/icons-vue

See the Vue guide.

Svelte

Svelte components for application projects.

pnpm

pnpm add @ycloud-web/icons-svelte

npm

npm install @ycloud-web/icons-svelte

yarn

yarn add @ycloud-web/icons-svelte

bun

bun add @ycloud-web/icons-svelte

See the Svelte guide.

Solid

Solid components generated from the shared icon source.

pnpm

pnpm add @ycloud-web/icons-solid

npm

npm install @ycloud-web/icons-solid

yarn

yarn add @ycloud-web/icons-solid

bun

bun add @ycloud-web/icons-solid

See the Solid guide.

Preact

Preact components for small React-compatible applications.

pnpm

pnpm add @ycloud-web/icons-preact

npm

npm install @ycloud-web/icons-preact

yarn

yarn add @ycloud-web/icons-preact

bun

bun add @ycloud-web/icons-preact

See the Preact guide.

React Native

React Native components for mobile applications.

pnpm

pnpm add @ycloud-web/icons-react-native

npm

npm install @ycloud-web/icons-react-native

yarn

yarn add @ycloud-web/icons-react-native

bun

bun add @ycloud-web/icons-react-native

See the React Native guide.

Angular

Angular components and provider APIs.

pnpm

pnpm add @ycloud-web/icons-angular

npm

npm install @ycloud-web/icons-angular

yarn

yarn add @ycloud-web/icons-angular

bun

bun add @ycloud-web/icons-angular

See the Angular guide.

Astro

Astro components for content and application sites.

pnpm

pnpm add @ycloud-web/icons-astro

npm

npm install @ycloud-web/icons-astro

yarn

yarn add @ycloud-web/icons-astro

bun

bun add @ycloud-web/icons-astro

See the Astro guide.

Static Assets

Static SVG files, business SVG files, SVG sprites, generic icon fonts, business icon fonts, and SVG string modules.

pnpm

pnpm add @ycloud-web/icons-static

npm

npm install @ycloud-web/icons-static

yarn

yarn add @ycloud-web/icons-static

bun

bun add @ycloud-web/icons-static

See the Static assets guide.