Lepticons

Add Lucide icons to your Leptos projects. Icons are grouped into 42 category features, so you can include only what you need.

Usage

use lepticons::{Icon, LucideGlyph};

// Basic usage
<Icon glyph=LucideGlyph::Search />

// With attributes
<Icon glyph=LucideGlyph::Heart class="text-red-500" size="32" stroke_width="2" />

// Reactive (icon changes based on state)
<Icon glyph=Signal::derive(move || {
    if dark_mode.get() { LucideGlyph::Moon } else { LucideGlyph::Sun }
}) />

Installation

Add to your Cargo.toml:

# All icons (default)
lepticons = "0.8"

# Only specific categories
lepticons = { version = "0.7", default-features = false, features = ["arrows", "navigation", "design"] }

Available categories: accessibility, account, animals, arrows, buildings, charts, communication, connectivity, cursors, design, development, devices, emoji, files, finance, food_beverage, gaming, home, layout, mail, math, medical, multimedia, nature, navigation, notifications, people, photography, science, seasons, security, shapes, shopping, social, sports, sustainability, text, time, tools, transportation, travel, weather.

Icon Component Props

The glyph prop accepts a LucideGlyph value directly (for static icons) or a Signal<LucideGlyph> (for reactive icons that change based on state).

Search and Categories

// Find icons by name, tag, or category
let results = LucideGlyph::find("arrow");

// Get all categories with icon counts
let categories = LucideGlyph::all_categories();

// Access icon metadata (zero-allocation, returns &'static str)
let svg = icon.svg();
let tags = icon.tags(); // returns iterator
let cats = icon.categories(); // returns iterator

LucideGlyph

The LucideGlyph enum derives Copy, Clone, Hash, Eq, Ord, and Debug, so it can be used as a HashMap key, in BTreeSets, and passed around without cloning.

Leptos Compatibility

Demo

lepticons.vercel.app

License

MIT