Skip to main content
Reflex UI provides two icon libraries to help you add visual elements to your applications:

Available Icon Libraries

HugeIcons

A comprehensive icon library with support for icon variants and customization. HugeIcons provides a large collection of icons with the ability to switch between primary and alternative variants.
  • Library: @hugeicons/react
  • Features: Icon variants, customizable size and stroke width
  • View documentation

Simple Icons

Brand and logo icons from the Simple Icons project. Perfect for displaying technology logos, social media icons, and company brands.
  • Library: @icons-pack/react-simple-icons
  • Features: 3000+ brand icons with customizable size and color
  • View documentation

Quick Example

import reflex as rx
import reflex_ui as ui

def icon_examples():
    return rx.box(
        # HugeIcon
        ui.hi("Home01Icon", size=24),
        
        # Simple Icon
        ui.simple_icon("SiReact", size=24),
    )

When to Use Each Library

  • HugeIcons: Use for UI elements, navigation, actions, and general purpose icons
  • Simple Icons: Use for brand logos, technology stack displays, and social media links

Build docs developers (and LLMs) love