Expand description
dioxus-icons
Dioxus components for every Lucide icon.
Icon Index
Browse by icon name, Lucide tags, or category.
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Z
§Quick start
[dependencies]
dioxus-icons = "0.1"use dioxus::prelude::*;
use dioxus_icons::lucide::Trash;
#[component]
fn DeleteButton() -> Element {
rsx! {
button {
Trash { size: 16 }
"Delete"
}
}
}Every icon lives under dioxus_icons::lucide and accepts the shared IconProps.
§Customization
IconProps keeps a size convenience prop and extends Dioxus SVG attributes on the root SVG.
| prop / attr | default | maps to |
|---|---|---|
size | 24 | SVG width / height when those attrs are not set; accepts numbers or CSS lengths |
stroke | "currentColor" | SVG stroke |
fill | "none" | SVG fill |
stroke_width | 2 | SVG stroke-width |
stroke_linecap | "round" | SVG stroke-linecap |
stroke_linejoin | "round" | SVG stroke-linejoin |
| SVG attrs | inherited | root SVG attributes |
use dioxus_icons::lucide::Bell;
Bell { size: 20, stroke: "red", stroke_width: 3 }Because stroke defaults to currentColor, icons inherit the surrounding text color — so Tailwind’s text-* utilities (or any CSS framework) work out of the box on either the icon or its parent:
use dioxus_icons::lucide::{Bell, Menu};
nav { class: "flex items-center gap-3 text-slate-900",
Menu { size: 20 }
Bell { size: 18, class: "text-amber-600" }
}§Dioxus compatibility
Targets the Dioxus 0.7.x line starting at 0.7.7. Pick your renderer features (web, desktop, mobile, server, fullstack) in your application crate.
§Examples
Examples live under crates/dioxus-icons/examples:
cargo run -p dioxus-icons --example basic
cargo run -p dioxus-icons --example navbar
cargo run -p dioxus-icons --example tailwind
cargo run -p dioxus-icons --example stateful_button§License
Crate code is MIT (LICENSE). Generated icon data comes from Lucide and is covered by LICENSE-LUCIDE (upstream ISC plus the Feather-derived MIT notice). The published crate is MIT AND ISC.
Modules§
- lucide
- Lucide icons. Lucide v1.14.0 icons generated by dioxus-icons-codegen.