diff --git a/book-examples/dioxus/src/icons.rs b/book-examples/dioxus/src/icons.rs
index e15579e..ead0f36 100644
--- a/book-examples/dioxus/src/icons.rs
+++ b/book-examples/dioxus/src/icons.rs
@@ -1778,6 +1778,12 @@ pub fn IconsC1() -> Element {
},
"Caravan",
),
+ (
+ rsx! {
+ CardSim {}
+ },
+ "Card Sim",
+ ),
(
rsx! {
Carrot {}
@@ -2144,12 +2150,6 @@ pub fn IconsC1() -> Element {
},
"Circle Arrow Out Down Left",
),
- (
- rsx! {
- CircleArrowOutDownRight {}
- },
- "Circle Arrow Out Down Right",
- ),
];
rsx! {
for (icon , name) in icons {
@@ -2165,6 +2165,12 @@ pub fn IconsC1() -> Element {
#[component]
pub fn IconsC2() -> Element {
let icons = [
+ (
+ rsx! {
+ CircleArrowOutDownRight {}
+ },
+ "Circle Arrow Out Down Right",
+ ),
(
rsx! {
CircleArrowOutUpLeft {}
@@ -2759,12 +2765,6 @@ pub fn IconsC2() -> Element {
},
"Columns 2",
),
- (
- rsx! {
- Columns3 {}
- },
- "Columns 3",
- ),
];
rsx! {
for (icon , name) in icons {
@@ -2780,6 +2780,12 @@ pub fn IconsC2() -> Element {
#[component]
pub fn IconsC3() -> Element {
let icons = [
+ (
+ rsx! {
+ Columns3 {}
+ },
+ "Columns 3",
+ ),
(
rsx! {
Columns3Cog {}
diff --git a/book-examples/leptos/src/icons.rs b/book-examples/leptos/src/icons.rs
index c06a127..8dbc352 100644
--- a/book-examples/leptos/src/icons.rs
+++ b/book-examples/leptos/src/icons.rs
@@ -393,6 +393,7 @@ pub fn IconsC() -> impl IntoView {
(view! { }.into_any(), "Car Front"),
(view! { }.into_any(), "Car Taxi Front"),
(view! { }.into_any(), "Caravan"),
+ (view! { }.into_any(), "Card Sim"),
(view! { }.into_any(), "Carrot"),
(view! { }.into_any(), "Case Lower"),
(view! { }.into_any(), "Case Sensitive"),
diff --git a/book-examples/yew/src/icons.rs b/book-examples/yew/src/icons.rs
index 197bdde..51fd11e 100644
--- a/book-examples/yew/src/icons.rs
+++ b/book-examples/yew/src/icons.rs
@@ -404,6 +404,7 @@ pub fn IconsC() -> Html {
(html! { }, "Car Front"),
(html! { }, "Car Taxi Front"),
(html! { }, "Caravan"),
+ (html! { }, "Card Sim"),
(html! { }, "Carrot"),
(html! { }, "Case Lower"),
(html! { }, "Case Sensitive"),
diff --git a/packages/dioxus/src/card_sim.rs b/packages/dioxus/src/card_sim.rs
new file mode 100644
index 0000000..9c1039e
--- /dev/null
+++ b/packages/dioxus/src/card_sim.rs
@@ -0,0 +1,49 @@
+use dioxus::prelude::*;
+#[derive(Clone, PartialEq, Props)]
+pub struct CardSimProps {
+ #[props(default = 24)]
+ pub size: usize,
+ #[props(default = "currentColor".to_owned())]
+ pub color: String,
+ #[props(default = "none".to_owned())]
+ pub fill: String,
+ #[props(default = 2)]
+ pub stroke_width: usize,
+ #[props(default = false)]
+ pub absolute_stroke_width: bool,
+ pub class: Option,
+ pub style: Option,
+}
+#[component]
+pub fn CardSim(props: CardSimProps) -> Element {
+ let stroke_width = if props.absolute_stroke_width {
+ props.stroke_width * 24 / props.size
+ } else {
+ props.stroke_width
+ };
+ rsx! {
+ svg {
+ "xmlns": "http://www.w3.org/2000/svg",
+ "class": if let Some(class) = props.class { "{class}" },
+ "style": if let Some(style) = props.style { "{style}" },
+ "width": "{props.size}",
+ "height": "{props.size}",
+ "viewBox": "0 0 24 24",
+ "fill": "{props.fill}",
+ "stroke": "{props.color}",
+ "stroke-width": "{stroke_width}",
+ "stroke-linecap": "round",
+ "stroke-linejoin": "round",
+ path { "d": "M12 14v4" }
+ path { "d": "M14.172 2a2 2 0 0 1 1.414.586l3.828 3.828A2 2 0 0 1 20 7.828V20a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z" }
+ path { "d": "M8 14h8" }
+ rect {
+ "x": "8",
+ "y": "10",
+ "width": "8",
+ "height": "8",
+ "rx": "1",
+ }
+ }
+ }
+}
diff --git a/packages/dioxus/src/lib.rs b/packages/dioxus/src/lib.rs
index eb20dd5..f35c7db 100644
--- a/packages/dioxus/src/lib.rs
+++ b/packages/dioxus/src/lib.rs
@@ -653,6 +653,13 @@ mod car_front;
mod car_taxi_front;
#[cfg(any(feature = "transportation", feature = "travel", feature = "nature"))]
mod caravan;
+#[cfg(any(
+ feature = "connectivity",
+ feature = "communication",
+ feature = "multimedia",
+ feature = "devices"
+))]
+mod card_sim;
#[cfg(feature = "food-beverage")]
mod carrot;
#[cfg(feature = "text")]
@@ -4710,6 +4717,13 @@ pub use car_front::*;
pub use car_taxi_front::*;
#[cfg(any(feature = "transportation", feature = "travel", feature = "nature"))]
pub use caravan::*;
+#[cfg(any(
+ feature = "connectivity",
+ feature = "communication",
+ feature = "multimedia",
+ feature = "devices"
+))]
+pub use card_sim::*;
#[cfg(feature = "food-beverage")]
pub use carrot::*;
#[cfg(feature = "text")]
diff --git a/packages/leptos/src/card_sim.rs b/packages/leptos/src/card_sim.rs
new file mode 100644
index 0000000..4469edd
--- /dev/null
+++ b/packages/leptos/src/card_sim.rs
@@ -0,0 +1,38 @@
+use leptos::{prelude::*, svg::Svg};
+#[component]
+pub fn CardSim(
+ #[prop(default = 24.into(), into)] size: Signal,
+ #[prop(default = "currentColor".into(), into)] color: Signal,
+ #[prop(default = "none".into(), into)] fill: Signal,
+ #[prop(default = 2.into(), into)] stroke_width: Signal,
+ #[prop(default = false.into(), into)] absolute_stroke_width: Signal,
+ #[prop(optional)] node_ref: NodeRef