fundamentals

Iconography

Represent actions or concepts with simple graphics


Radian currently uses Lucide icon library by default. Lucide is an open-source icon library that provides 1000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects.


Lucide Icons

Benefits of Lucide Icon Pack

  1. Lightweight: Icons are lightweight, highly optimized scalable vector graphics (SVG).

  2. Clean & consistent: Designed with a strict set of design rules for consistency in style.

  3. Customizable: Customize the color, size, stroke width, and more.

  4. Packages support: Lucide is available as a package for all major package managers.

  5. Tree shakable: The icons are tree shakable, so you only import the icons you use.

  6. Active community: Lucide has active community on GitHub and Discord.

How to Use icons

Using icons in Radian OS is simple and works seamlessly across modern frameworks like Next.js and Vite. Since Radian is powered by the Lucide icon pack, all icons are lightweight SVGs that can be imported and customized easily.

Usage

Next JS

components/icon_example.tsx

Vite

components/icon_example.tsx