YCloud Icons Multi-framework SVG icon infrastructure

A Lucide-based icon system that ships typed React components, Vue and multi-framework packages, static assets, and tree-shakable icon data from one source.

Browse icons

Get started

GitHub

Lightweight

Icons are delivered as optimized SVG and framework-specific modules, so applications only bundle what they import.

Consistent

A shared source and generation pipeline keeps icon names, metadata, and package output aligned across frameworks.

Customizable

Control color, size, stroke width, and accessibility attributes with props or CSS.

Multi-framework

React, Vue, Svelte, Solid, Preact, React Native, Angular, Astro, core JavaScript, and static assets are generated from the same icon source.

Tree-shakable

ESM entry points allow bundlers to remove unused icons from production builds.

Release-ready

The repository supports npm Trusted Publishing and can later be adapted to private registry workflows.

Available for:

Style as you please

YCloud Icons has customization options to match the icons with your UI.

Color

Stroke width

2px

Size

24px

Absolute stroke width