What is YCloud Icons?

YCloud Icons is a multi-framework SVG icon toolkit. It provides tree-shakable icon data, strongly typed React components, Vue components, and packages for common frontend runtimes from one shared icon source.

Available Icons

YCloud Icons currently ships the base outline icon set and package infrastructure. Style variants such as filled icons are part of the roadmap and should be generated from normalized SVG sources when the conversion is reliable.

Complete Set of Icons

The icon source is kept in the repository and normalized by the build pipeline. Packages consume generated data and components so framework packages stay consistent.

Code Optimization

In addition to design, code is also important. Assets like icons can significantly increase bandwidth usage in web projects. YCloud Icons uses SVG optimization and ES module package entrypoints. After tree-shaking, applications only ship the icons they import.

Accessibility

Icons are pictures that show what something means without using words. They can be very helpful because they can quickly give information.

However, not everyone can understand them easily. Read more about how to use YCloud in an accessible way.

Official Packages

YCloud Icons follows Lucide's official package coverage and documents 10 package types: Core JavaScript, React, Vue, Svelte, Solid, Preact, React Native, Angular, Astro, and Static assets.