mirror of
https://github.com/danbulant/lucide
synced 2026-07-07 20:20:35 +00:00
68 lines
2.4 KiB
Rust
68 lines
2.4 KiB
Rust
use yew::prelude::*;
|
|
#[derive(PartialEq, Properties)]
|
|
pub struct HopProps {
|
|
#[prop_or(24)]
|
|
pub size: usize,
|
|
#[prop_or(AttrValue::from("currentColor"))]
|
|
pub color: AttrValue,
|
|
#[prop_or(AttrValue::from("none"))]
|
|
pub fill: AttrValue,
|
|
#[prop_or(2)]
|
|
pub stroke_width: usize,
|
|
#[prop_or(false)]
|
|
pub absolute_stroke_width: bool,
|
|
#[prop_or_default]
|
|
pub class: Classes,
|
|
#[prop_or_default]
|
|
pub style: std::option::Option<AttrValue>,
|
|
#[prop_or_default]
|
|
pub node_ref: NodeRef,
|
|
}
|
|
#[function_component]
|
|
pub fn Hop(props: &HopProps) -> Html {
|
|
let stroke_width = if props.absolute_stroke_width {
|
|
props.stroke_width * 24 / props.size
|
|
} else {
|
|
props.stroke_width
|
|
};
|
|
html! {
|
|
<svg
|
|
ref={props.node_ref.clone()}
|
|
class={classes!("lucide", props.class
|
|
.clone())}
|
|
style={props.style.clone()}
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width={props.size.to_string()}
|
|
height={props.size.to_string()}
|
|
viewBox="0 0 24 24"
|
|
fill={& props.fill}
|
|
stroke={& props.color}
|
|
stroke-width={stroke_width.to_string()}
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
>
|
|
<path
|
|
d="M10.82 16.12c1.69.6 3.91.79 5.18.85.55.03 1-.42.97-.97-.06-1.27-.26-3.5-.85-5.18"
|
|
/>
|
|
<path
|
|
d="M11.5 6.5c1.64 0 5-.38 6.71-1.07.52-.2.55-.82.12-1.17A10 10 0 0 0 4.26 18.33c.35.43.96.4 1.17-.12.69-1.71 1.07-5.07 1.07-6.71 1.34.45 3.1.9 4.88.62a.88.88 0 0 0 .73-.74c.3-2.14-.15-3.5-.61-4.88"
|
|
/>
|
|
<path
|
|
d="M15.62 16.95c.2.85.62 2.76.5 4.28a.77.77 0 0 1-.9.7 16.64 16.64 0 0 1-4.08-1.36"
|
|
/>
|
|
<path
|
|
d="M16.13 21.05c1.65.63 3.68.84 4.87.91a.9.9 0 0 0 .96-.96 17.68 17.68 0 0 0-.9-4.87"
|
|
/>
|
|
<path
|
|
d="M16.94 15.62c.86.2 2.77.62 4.29.5a.77.77 0 0 0 .7-.9 16.64 16.64 0 0 0-1.36-4.08"
|
|
/>
|
|
<path
|
|
d="M17.99 5.52a20.82 20.82 0 0 1 3.15 4.5.8.8 0 0 1-.68 1.13c-2.33.2-5.3-.32-8.27-1.57"
|
|
/>
|
|
<path d="M4.93 4.93 3 3a.7.7 0 0 1 0-1" />
|
|
<path
|
|
d="M9.58 12.18c1.24 2.98 1.77 5.95 1.57 8.28a.8.8 0 0 1-1.13.68 20.82 20.82 0 0 1-4.5-3.15"
|
|
/>
|
|
</svg>
|
|
}
|
|
}
|