diff --git a/Cargo.toml b/Cargo.toml
index be25a6b..c94036a 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -13,12 +13,12 @@ license = "MIT"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-leptos = { version = "0.2.5", features = ["stable"] }
+leptos = { version = "0.3.0", features = ["stable"] }
 stylers = "0.3.1"
-web-sys = { version = "0.3.61", features = ["DomRect"] }
-leptos_dom = { version = "0.2.5" }
-leptos-icons = { git = "https://github.com/Carlosted/leptos-icons.git", features = ["AiCloseOutlined", "AiCheckOutlined"] }
-wasm-bindgen = "0.2.84"
+web-sys = { version = "0.3.62", features = ["DomRect"] }
+leptos_dom = { version = "0.3.0" }
+leptos_icons = { version = "0.0.10", features = ["AiCloseOutlined", "AiCheckOutlined"] }
+wasm-bindgen = "0.2.85"
 
 [workspace]
 members = ["examples/basic"]
diff --git a/examples/basic/Cargo.toml b/examples/basic/Cargo.toml
index c63cdc6..bd77b63 100644
--- a/examples/basic/Cargo.toml
+++ b/examples/basic/Cargo.toml
@@ -6,6 +6,6 @@ edition = "2021"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-leptos = { version = "0.2.5", features = ["stable"] }
+leptos = { version = "0.3.0", features = ["stable"] }
 melt-ui = { path = "../../" }
-leptos-icons = { git = "https://github.com/Carlosted/leptos-icons.git", features = ["AiCloseOutlined", "AiCheckOutlined"] }
\ No newline at end of file
+leptos_icons = { version = "0.0.10", features = ["AiCloseOutlined", "AiCheckOutlined"] }
\ No newline at end of file
diff --git a/src/button/mod.rs b/src/button/mod.rs
index a101591..e03b0b6 100644
--- a/src/button/mod.rs
+++ b/src/button/mod.rs
@@ -40,7 +40,7 @@ pub fn Button(
     #[prop(optional, into)] type_: MaybeSignal<ButtonType>,
     #[prop(optional, into)] color: MaybeSignal<ButtonColor>,
     #[prop(optional, into)] round: MaybeSignal<bool>,
-    #[prop(optional, into)] icon: Option<leptos_icons::Icon>,
+    #[prop(optional, into)] icon: Option<IconData>,
     #[prop(optional)] children: Option<Children>,
 ) -> impl IntoView {
     let theme = use_theme(cx, Theme::light);
@@ -80,7 +80,7 @@ pub fn Button(
             {
                 if let Some(icon) = icon {
                     view!{cx,
-                            <LeptosIcon icon=icon style=icon_style/>
+                            <Icon icon=icon style=icon_style/>
                     }.into()
                 } else {
                     None
diff --git a/src/checkbox/mod.rs b/src/checkbox/mod.rs
index 6475bc4..27fa241 100644
--- a/src/checkbox/mod.rs
+++ b/src/checkbox/mod.rs
@@ -35,7 +35,7 @@ pub fn Checkbox(
                     move || {
                         if checked.get() {
                             view! {cx,
-                                <LeptosIcon icon=AiIcon::AiCheckOutlined style="color: white"/>
+                                <Icon icon=AiIcon::AiCheckOutlined style="color: white"/>
                             }.into()
                         } else {
                             None
diff --git a/src/modal/mod.rs b/src/modal/mod.rs
index ab7b313..1f80b6f 100644
--- a/src/modal/mod.rs
+++ b/src/modal/mod.rs
@@ -31,7 +31,7 @@ pub fn Modal(
             cx,
             <>
                 <span style="cursor: pointer;" on:click=move |_| if let Some(on_cancel) = &on_cancel { on_cancel.set(())}>
-                    <LeptosIcon icon=AiIcon::AiCloseOutlined/>
+                    <Icon icon=AiIcon::AiCloseOutlined/>
                 </span>
             </>
         }