About Rayna UI Icons

What are Rayna UI Icons?

Rayna UI Icon Library offers 180K+ open-source vector (SVG) files for both digital and non-digital projects. With the goal of simplifying icon finding and use, the library provides official packages for designers and developers to easily utilize these icons in their projects.

Icons Ready for Use

The Rayna icon library offers icons with various variants and states, enabling users to select the most suitable ones for their requirements. In cases where a desired icon is not available, users can submit a design request, and the Rayna UI community contributors will assist in creating new icons.

As new applications with specific features arise, Rayna UI aims to provide a complete set of icons for every project. The community follows a set of design rules when designing new icons. These rules maintain standards for the icons, such as:

• Recognizability,
• Consistency in style, and
• Readability at all sizes.

Code Optimization

In addition to design, code is also important. Assets like icons can significantly increase bandwidth usage in web projects. With the growing internet, Rayna has a responsibility to keep their assets as small as possible. To achieve this, Rayna uses SVG compression and specific code architecture for tree-shaking abilities. After tree-shaking, you only ship the icons you used, which helps to keep software distribution size to a minimum.

Official Packages

Rayna's official packages are designed to work on different platforms, making it easier for users to integrate icons into their projects. The packages are available for various technologies, including Web (Vanilla), React, React Native, Vue, Vue3, Svelte,Preact, Solid, Angular, NodeJS  and Flutter.

Community

If you have any questions about Rayna UI,  feel free to reach out to the community. You can find them on Twitter and Instagram.