Add class to Radix Icons Yew

RustForWeb · Nov 2, 2024 · f75b74a · f75b74a
1 parent 29887f7
commit f75b74a
Show file tree

Hide file tree

Showing 319 changed files with 2,172 additions and 1,210 deletions.
diff --git a/packages/icons/yew/src/accessibility_icon.rs b/packages/icons/yew/src/accessibility_icon.rs
@@ -1,6 +1,8 @@
 use yew::prelude::*;
 #[derive(PartialEq, Properties)]
 pub struct AccessibilityIconProps {
+    #[prop_or_default]
+    pub class: Option<AttrValue>,
     #[prop_or(AttrValue::from("currentColor"))]
     pub color: AttrValue,
     #[prop_or(AttrValue::from("15"))]
@@ -14,8 +16,9 @@ pub fn AccessibilityIcon(props: &AccessibilityIconProps) -> Html {
     html! {
         <svg
             ref={node_ref}
-            width={& props.width}
-            height={& props.height}
+            class={&props.class}
+            width={&props.width}
+            height={&props.height}
             viewBox="0 0 15 15"
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
@@ -24,7 +27,7 @@ pub fn AccessibilityIcon(props: &AccessibilityIconProps) -> Html {
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M0.877197 7.49984C0.877197 3.84216 3.84234 0.877014 7.50003 0.877014C11.1577 0.877014 14.1229 3.84216 14.1229 7.49984C14.1229 11.1575 11.1577 14.1227 7.50003 14.1227C3.84234 14.1227 0.877197 11.1575 0.877197 7.49984ZM7.50003 1.82701C4.36702 1.82701 1.8272 4.36683 1.8272 7.49984C1.8272 10.6328 4.36702 13.1727 7.50003 13.1727C10.633 13.1727 13.1729 10.6328 13.1729 7.49984C13.1729 4.36683 10.633 1.82701 7.50003 1.82701ZM7.12457 9.00001C7.06994 9.12735 6.33165 11.9592 6.33165 11.9592C6.26018 12.226 5.98601 12.3843 5.71928 12.3128C5.45255 12.2413 5.29425 11.9672 5.36573 11.7004C5.36573 11.7004 6.24661 8.87268 6.24661 8.27007V6.80099L4.28763 6.27608C4.0209 6.20461 3.86261 5.93045 3.93408 5.66371C4.00555 5.39698 4.27972 5.23869 4.54645 5.31016C4.54645 5.31016 6.20042 5.87268 6.84579 5.87268H8.15505C8.80042 5.87268 10.4534 5.31042 10.4534 5.31042C10.7202 5.23895 10.9943 5.39724 11.0658 5.66397C11.1373 5.93071 10.979 6.20487 10.7122 6.27635L8.74661 6.80303V8.27007C8.74661 8.87268 9.62663 11.6971 9.62663 11.6971C9.6981 11.9639 9.5398 12.238 9.27307 12.3095C9.00634 12.381 8.73217 12.2227 8.6607 11.956C8.6607 11.956 7.91994 9.12735 7.86866 9.00001C7.81994 8.87268 7.65006 8.87268 7.65006 8.87268H7.34317C7.34317 8.87268 7.16994 8.87268 7.12457 9.00001ZM7.50043 5.12007C8.12175 5.12007 8.62543 4.61639 8.62543 3.99507C8.62543 3.37375 8.12175 2.87007 7.50043 2.87007C6.87911 2.87007 6.37543 3.37375 6.37543 3.99507C6.37543 4.61639 6.87911 5.12007 7.50043 5.12007Z"
-                fill={& props.color}
+                fill={&props.color}
             />
         </svg>
     }

diff --git a/packages/icons/yew/src/activity_log_icon.rs b/packages/icons/yew/src/activity_log_icon.rs
@@ -1,6 +1,8 @@
 use yew::prelude::*;
 #[derive(PartialEq, Properties)]
 pub struct ActivityLogIconProps {
+    #[prop_or_default]
+    pub class: Option<AttrValue>,
     #[prop_or(AttrValue::from("currentColor"))]
     pub color: AttrValue,
     #[prop_or(AttrValue::from("15"))]
@@ -14,8 +16,9 @@ pub fn ActivityLogIcon(props: &ActivityLogIconProps) -> Html {
     html! {
         <svg
             ref={node_ref}
-            width={& props.width}
-            height={& props.height}
+            class={&props.class}
+            width={&props.width}
+            height={&props.height}
             viewBox="0 0 15 15"
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
@@ -24,7 +27,7 @@ pub fn ActivityLogIcon(props: &ActivityLogIconProps) -> Html {
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M0 1.5C0 1.22386 0.223858 1 0.5 1H2.5C2.77614 1 3 1.22386 3 1.5C3 1.77614 2.77614 2 2.5 2H0.5C0.223858 2 0 1.77614 0 1.5ZM4 1.5C4 1.22386 4.22386 1 4.5 1H14.5C14.7761 1 15 1.22386 15 1.5C15 1.77614 14.7761 2 14.5 2H4.5C4.22386 2 4 1.77614 4 1.5ZM4 4.5C4 4.22386 4.22386 4 4.5 4H11.5C11.7761 4 12 4.22386 12 4.5C12 4.77614 11.7761 5 11.5 5H4.5C4.22386 5 4 4.77614 4 4.5ZM0 7.5C0 7.22386 0.223858 7 0.5 7H2.5C2.77614 7 3 7.22386 3 7.5C3 7.77614 2.77614 8 2.5 8H0.5C0.223858 8 0 7.77614 0 7.5ZM4 7.5C4 7.22386 4.22386 7 4.5 7H14.5C14.7761 7 15 7.22386 15 7.5C15 7.77614 14.7761 8 14.5 8H4.5C4.22386 8 4 7.77614 4 7.5ZM4 10.5C4 10.2239 4.22386 10 4.5 10H11.5C11.7761 10 12 10.2239 12 10.5C12 10.7761 11.7761 11 11.5 11H4.5C4.22386 11 4 10.7761 4 10.5ZM0 13.5C0 13.2239 0.223858 13 0.5 13H2.5C2.77614 13 3 13.2239 3 13.5C3 13.7761 2.77614 14 2.5 14H0.5C0.223858 14 0 13.7761 0 13.5ZM4 13.5C4 13.2239 4.22386 13 4.5 13H14.5C14.7761 13 15 13.2239 15 13.5C15 13.7761 14.7761 14 14.5 14H4.5C4.22386 14 4 13.7761 4 13.5Z"
-                fill={& props.color}
+                fill={&props.color}
             />
         </svg>
     }

diff --git a/packages/icons/yew/src/align_baseline_icon.rs b/packages/icons/yew/src/align_baseline_icon.rs
@@ -1,6 +1,8 @@
 use yew::prelude::*;
 #[derive(PartialEq, Properties)]
 pub struct AlignBaselineIconProps {
+    #[prop_or_default]
+    pub class: Option<AttrValue>,
     #[prop_or(AttrValue::from("currentColor"))]
     pub color: AttrValue,
     #[prop_or(AttrValue::from("15"))]
@@ -14,8 +16,9 @@ pub fn AlignBaselineIcon(props: &AlignBaselineIconProps) -> Html {
     html! {
         <svg
             ref={node_ref}
-            width={& props.width}
-            height={& props.height}
+            class={&props.class}
+            width={&props.width}
+            height={&props.height}
             viewBox="0 0 15 15"
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
@@ -24,7 +27,7 @@ pub fn AlignBaselineIcon(props: &AlignBaselineIconProps) -> Html {
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M10.5 1.75003C10.7107 1.75003 10.8988 1.88217 10.9703 2.08042L13.9703 10.4C14.064 10.6598 13.9293 10.9463 13.6696 11.04C13.4098 11.1336 13.1233 10.999 13.0296 10.7392L12.0477 8.01606H8.95227L7.97031 10.7392C7.87664 10.999 7.59012 11.1336 7.33035 11.04C7.07058 10.9463 6.93593 10.6598 7.0296 10.4L10.0296 2.08042C10.1011 1.88217 10.2892 1.75003 10.5 1.75003ZM10.5 3.72402L11.7411 7.16606H9.25877L10.5 3.72402ZM2.49949 2.09997C2.7204 2.09997 2.89949 2.27906 2.89949 2.49997L2.89949 9.53428L4.21664 8.21713C4.37285 8.06092 4.62612 8.06092 4.78233 8.21713C4.93854 8.37334 4.93854 8.6266 4.78233 8.78281L2.78233 10.7828C2.70732 10.8578 2.60557 10.9 2.49949 10.9C2.3934 10.9 2.29166 10.8578 2.21664 10.7828L0.216645 8.78281C0.0604349 8.6266 0.0604349 8.37334 0.216645 8.21713C0.372854 8.06092 0.62612 8.06092 0.78233 8.21713L2.09949 9.53428L2.09949 2.49997C2.09949 2.27906 2.27857 2.09997 2.49949 2.09997ZM0.0999695 13.5001C0.0999695 13.2791 0.279056 13.1001 0.499969 13.1001H14.5C14.7209 13.1001 14.9 13.2791 14.9 13.5001C14.9 13.721 14.7209 13.9001 14.5 13.9001H0.499969C0.279056 13.9001 0.0999695 13.721 0.0999695 13.5001Z"
-                fill={& props.color}
+                fill={&props.color}
             />
         </svg>
     }

diff --git a/packages/icons/yew/src/align_bottom_icon.rs b/packages/icons/yew/src/align_bottom_icon.rs
@@ -1,6 +1,8 @@
 use yew::prelude::*;
 #[derive(PartialEq, Properties)]
 pub struct AlignBottomIconProps {
+    #[prop_or_default]
+    pub class: Option<AttrValue>,
     #[prop_or(AttrValue::from("currentColor"))]
     pub color: AttrValue,
     #[prop_or(AttrValue::from("15"))]
@@ -14,8 +16,9 @@ pub fn AlignBottomIcon(props: &AlignBottomIconProps) -> Html {
     html! {
         <svg
             ref={node_ref}
-            width={& props.width}
-            height={& props.height}
+            class={&props.class}
+            width={&props.width}
+            height={&props.height}
             viewBox="0 0 15 15"
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
@@ -24,7 +27,7 @@ pub fn AlignBottomIcon(props: &AlignBottomIconProps) -> Html {
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M9 3C9 2.44772 8.55229 2 8 2H7C6.44772 2 6 2.44772 6 3L6 14H1.5C1.22386 14 1 14.2239 1 14.5C1 14.7761 1.22386 15 1.5 15L6 15H9H13.5C13.7761 15 14 14.7761 14 14.5C14 14.2239 13.7761 14 13.5 14H9V3Z"
-                fill={& props.color}
+                fill={&props.color}
             />
         </svg>
     }

diff --git a/packages/icons/yew/src/align_center_horizontally_icon.rs b/packages/icons/yew/src/align_center_horizontally_icon.rs
@@ -1,6 +1,8 @@
 use yew::prelude::*;
 #[derive(PartialEq, Properties)]
 pub struct AlignCenterHorizontallyIconProps {
+    #[prop_or_default]
+    pub class: Option<AttrValue>,
     #[prop_or(AttrValue::from("currentColor"))]
     pub color: AttrValue,
     #[prop_or(AttrValue::from("15"))]
@@ -14,8 +16,9 @@ pub fn AlignCenterHorizontallyIcon(props: &AlignCenterHorizontallyIconProps) ->
     html! {
         <svg
             ref={node_ref}
-            width={& props.width}
-            height={& props.height}
+            class={&props.class}
+            width={&props.width}
+            height={&props.height}
             viewBox="0 0 15 15"
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
@@ -24,7 +27,7 @@ pub fn AlignCenterHorizontallyIcon(props: &AlignCenterHorizontallyIconProps) ->
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M1.99988 6C1.44759 6 0.999877 6.44772 0.999877 7L0.999877 8C0.999877 8.55228 1.44759 9 1.99988 9L6.99988 9L6.99988 13.5C6.99988 13.7761 7.22374 14 7.49988 14C7.77602 14 7.99988 13.7761 7.99988 13.5L7.99988 9L12.9999 9C13.5522 9 13.9999 8.55228 13.9999 8L13.9999 7C13.9999 6.44772 13.5522 6 12.9999 6L7.99988 6L7.99988 1.5C7.99988 1.22386 7.77602 1 7.49988 1C7.22373 1 6.99988 1.22386 6.99988 1.5L6.99988 6L1.99988 6Z"
-                fill={& props.color}
+                fill={&props.color}
             />
         </svg>
     }

diff --git a/packages/icons/yew/src/align_center_vertically_icon.rs b/packages/icons/yew/src/align_center_vertically_icon.rs
@@ -1,6 +1,8 @@
 use yew::prelude::*;
 #[derive(PartialEq, Properties)]
 pub struct AlignCenterVerticallyIconProps {
+    #[prop_or_default]
+    pub class: Option<AttrValue>,
     #[prop_or(AttrValue::from("currentColor"))]
     pub color: AttrValue,
     #[prop_or(AttrValue::from("15"))]
@@ -14,8 +16,9 @@ pub fn AlignCenterVerticallyIcon(props: &AlignCenterVerticallyIconProps) -> Html
     html! {
         <svg
             ref={node_ref}
-            width={& props.width}
-            height={& props.height}
+            class={&props.class}
+            width={&props.width}
+            height={&props.height}
             viewBox="0 0 15 15"
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
@@ -24,7 +27,7 @@ pub fn AlignCenterVerticallyIcon(props: &AlignCenterVerticallyIconProps) -> Html
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M6.99988 1C6.44759 1 5.99988 1.44772 5.99988 2V7H1.49988C1.22374 7 0.999878 7.22386 0.999878 7.5C0.999878 7.77614 1.22374 8 1.49988 8H5.99988V13C5.99988 13.5523 6.44759 14 6.99988 14H7.99988C8.55216 14 8.99988 13.5523 8.99988 13V8H13.4999C13.776 8 13.9999 7.77614 13.9999 7.5C13.9999 7.22386 13.776 7 13.4999 7H8.99988V2C8.99988 1.44772 8.55216 1 7.99988 1L6.99988 1Z"
-                fill={& props.color}
+                fill={&props.color}
             />
         </svg>
     }

diff --git a/packages/icons/yew/src/align_left_icon.rs b/packages/icons/yew/src/align_left_icon.rs
@@ -1,6 +1,8 @@
 use yew::prelude::*;
 #[derive(PartialEq, Properties)]
 pub struct AlignLeftIconProps {
+    #[prop_or_default]
+    pub class: Option<AttrValue>,
     #[prop_or(AttrValue::from("currentColor"))]
     pub color: AttrValue,
     #[prop_or(AttrValue::from("15"))]
@@ -14,8 +16,9 @@ pub fn AlignLeftIcon(props: &AlignLeftIconProps) -> Html {
     html! {
         <svg
             ref={node_ref}
-            width={& props.width}
-            height={& props.height}
+            class={&props.class}
+            width={&props.width}
+            height={&props.height}
             viewBox="0 0 15 15"
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
@@ -24,7 +27,7 @@ pub fn AlignLeftIcon(props: &AlignLeftIconProps) -> Html {
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M0.499995 0.999995C0.223855 0.999995 -5.58458e-07 1.22385 -5.46388e-07 1.49999L-2.18554e-08 13.4999C-9.78492e-09 13.776 0.223855 13.9999 0.499995 13.9999C0.776136 13.9999 0.999991 13.776 0.999991 13.4999L0.999991 8.99993L12 8.99993C12.5523 8.99993 13 8.55222 13 7.99993L13 6.99994C13 6.44766 12.5523 5.99995 12 5.99995L0.999991 5.99995L0.999991 1.49999C0.999991 1.22385 0.776135 0.999995 0.499995 0.999995Z"
-                fill={& props.color}
+                fill={&props.color}
             />
         </svg>
     }

diff --git a/packages/icons/yew/src/align_right_icon.rs b/packages/icons/yew/src/align_right_icon.rs
@@ -1,6 +1,8 @@
 use yew::prelude::*;
 #[derive(PartialEq, Properties)]
 pub struct AlignRightIconProps {
+    #[prop_or_default]
+    pub class: Option<AttrValue>,
     #[prop_or(AttrValue::from("currentColor"))]
     pub color: AttrValue,
     #[prop_or(AttrValue::from("15"))]
@@ -14,8 +16,9 @@ pub fn AlignRightIcon(props: &AlignRightIconProps) -> Html {
     html! {
         <svg
             ref={node_ref}
-            width={& props.width}
-            height={& props.height}
+            class={&props.class}
+            width={&props.width}
+            height={&props.height}
             viewBox="0 0 15 15"
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
@@ -24,7 +27,7 @@ pub fn AlignRightIcon(props: &AlignRightIconProps) -> Html {
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M14.4999 1C14.2237 1 13.9999 1.22386 13.9999 1.5L13.9999 6L2.99988 6C2.44759 6 1.99988 6.44772 1.99988 7L1.99988 8C1.99988 8.55228 2.44759 9 2.99988 9L13.9999 9L13.9999 13.5C13.9999 13.7761 14.2237 14 14.4999 14C14.776 14 14.9999 13.7761 14.9999 13.5L14.9999 9L14.9999 6L14.9999 1.5C14.9999 1.22386 14.776 1 14.4999 1Z"
-                fill={& props.color}
+                fill={&props.color}
             />
         </svg>
     }

diff --git a/packages/icons/yew/src/align_top_icon.rs b/packages/icons/yew/src/align_top_icon.rs
@@ -1,6 +1,8 @@
 use yew::prelude::*;
 #[derive(PartialEq, Properties)]
 pub struct AlignTopIconProps {
+    #[prop_or_default]
+    pub class: Option<AttrValue>,
     #[prop_or(AttrValue::from("currentColor"))]
     pub color: AttrValue,
     #[prop_or(AttrValue::from("15"))]
@@ -14,8 +16,9 @@ pub fn AlignTopIcon(props: &AlignTopIconProps) -> Html {
     html! {
         <svg
             ref={node_ref}
-            width={& props.width}
-            height={& props.height}
+            class={&props.class}
+            width={&props.width}
+            height={&props.height}
             viewBox="0 0 15 15"
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
@@ -24,7 +27,7 @@ pub fn AlignTopIcon(props: &AlignTopIconProps) -> Html {
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M1.5 0C1.22386 0 1 0.223858 1 0.5C1 0.776142 1.22386 1 1.5 1H6V12C6 12.5523 6.44772 13 7 13H8C8.55228 13 9 12.5523 9 12V1H13.5C13.7761 1 14 0.776142 14 0.5C14 0.223858 13.7761 0 13.5 0H9H6H1.5Z"
-                fill={& props.color}
+                fill={&props.color}
             />
         </svg>
     }

diff --git a/packages/icons/yew/src/all_sides_icon.rs b/packages/icons/yew/src/all_sides_icon.rs
@@ -1,6 +1,8 @@
 use yew::prelude::*;
 #[derive(PartialEq, Properties)]
 pub struct AllSidesIconProps {
+    #[prop_or_default]
+    pub class: Option<AttrValue>,
     #[prop_or(AttrValue::from("currentColor"))]
     pub color: AttrValue,
     #[prop_or(AttrValue::from("15"))]
@@ -14,8 +16,9 @@ pub fn AllSidesIcon(props: &AllSidesIconProps) -> Html {
     html! {
         <svg
             ref={node_ref}
-            width={& props.width}
-            height={& props.height}
+            class={&props.class}
+            width={&props.width}
+            height={&props.height}
             viewBox="0 0 15 15"
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
@@ -24,7 +27,7 @@ pub fn AllSidesIcon(props: &AllSidesIconProps) -> Html {
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M7.5 0.75L9.75 3H5.25L7.5 0.75ZM7.5 14.25L9.75 12H5.25L7.5 14.25ZM3 5.25L0.75 7.5L3 9.75V5.25ZM14.25 7.5L12 5.25V9.75L14.25 7.5Z"
-                fill={& props.color}
+                fill={&props.color}
             />
         </svg>
     }

diff --git a/packages/icons/yew/src/angle_icon.rs b/packages/icons/yew/src/angle_icon.rs
@@ -1,6 +1,8 @@
 use yew::prelude::*;
 #[derive(PartialEq, Properties)]
 pub struct AngleIconProps {
+    #[prop_or_default]
+    pub class: Option<AttrValue>,
     #[prop_or(AttrValue::from("currentColor"))]
     pub color: AttrValue,
     #[prop_or(AttrValue::from("15"))]
@@ -14,8 +16,9 @@ pub fn AngleIcon(props: &AngleIconProps) -> Html {
     html! {
         <svg
             ref={node_ref}
-            width={& props.width}
-            height={& props.height}
+            class={&props.class}
+            width={&props.width}
+            height={&props.height}
             viewBox="0 0 15 15"
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
@@ -24,7 +27,7 @@ pub fn AngleIcon(props: &AngleIconProps) -> Html {
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M8.8914 2.1937C9.1158 2.35464 9.16725 2.66701 9.00631 2.89141L2.47388 12H13.5C13.7761 12 14 12.2239 14 12.5C14 12.7762 13.7761 13 13.5 13H1.5C1.31254 13 1.14082 12.8952 1.0552 12.7284C0.969578 12.5616 0.984438 12.361 1.09369 12.2086L8.19369 2.30862C8.35462 2.08422 8.667 2.03277 8.8914 2.1937ZM11.1 6.50001C11.1 6.22387 11.3238 6.00001 11.6 6.00001C11.8761 6.00001 12.1 6.22387 12.1 6.50001C12.1 6.77615 11.8761 7.00001 11.6 7.00001C11.3238 7.00001 11.1 6.77615 11.1 6.50001ZM10.4 4.00001C10.1239 4.00001 9.90003 4.22387 9.90003 4.50001C9.90003 4.77615 10.1239 5.00001 10.4 5.00001C10.6762 5.00001 10.9 4.77615 10.9 4.50001C10.9 4.22387 10.6762 4.00001 10.4 4.00001ZM12.1 8.50001C12.1 8.22387 12.3238 8.00001 12.6 8.00001C12.8761 8.00001 13.1 8.22387 13.1 8.50001C13.1 8.77615 12.8761 9.00001 12.6 9.00001C12.3238 9.00001 12.1 8.77615 12.1 8.50001ZM13.4 10C13.1239 10 12.9 10.2239 12.9 10.5C12.9 10.7761 13.1239 11 13.4 11C13.6762 11 13.9 10.7761 13.9 10.5C13.9 10.2239 13.6762 10 13.4 10Z"
-                fill={& props.color}
+                fill={&props.color}
             />
         </svg>
     }

diff --git a/packages/icons/yew/src/archive_icon.rs b/packages/icons/yew/src/archive_icon.rs
@@ -1,6 +1,8 @@
 use yew::prelude::*;
 #[derive(PartialEq, Properties)]
 pub struct ArchiveIconProps {
+    #[prop_or_default]
+    pub class: Option<AttrValue>,
     #[prop_or(AttrValue::from("currentColor"))]
     pub color: AttrValue,
     #[prop_or(AttrValue::from("15"))]
@@ -14,8 +16,9 @@ pub fn ArchiveIcon(props: &ArchiveIconProps) -> Html {
     html! {
         <svg
             ref={node_ref}
-            width={& props.width}
-            height={& props.height}
+            class={&props.class}
+            width={&props.width}
+            height={&props.height}
             viewBox="0 0 15 15"
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
@@ -24,7 +27,7 @@ pub fn ArchiveIcon(props: &ArchiveIconProps) -> Html {
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M3.30902 1C2.93025 1 2.58398 1.214 2.41459 1.55279L1.05279 4.27639C1.01807 4.34582 1 4.42238 1 4.5V13C1 13.5523 1.44772 14 2 14H13C13.5523 14 14 13.5523 14 13V4.5C14 4.42238 13.9819 4.34582 13.9472 4.27639L12.5854 1.55281C12.416 1.21403 12.0698 1.00003 11.691 1.00003L7.5 1.00001L3.30902 1ZM3.30902 2L7 2.00001V4H2.30902L3.30902 2ZM8 4V2.00002L11.691 2.00003L12.691 4H8ZM7.5 5H13V13H2V5H7.5ZM5.5 7C5.22386 7 5 7.22386 5 7.5C5 7.77614 5.22386 8 5.5 8H9.5C9.77614 8 10 7.77614 10 7.5C10 7.22386 9.77614 7 9.5 7H5.5Z"
-                fill={& props.color}
+                fill={&props.color}
             />
         </svg>
     }

diff --git a/packages/icons/yew/src/arrow_bottom_left_icon.rs b/packages/icons/yew/src/arrow_bottom_left_icon.rs
@@ -1,6 +1,8 @@
 use yew::prelude::*;
 #[derive(PartialEq, Properties)]
 pub struct ArrowBottomLeftIconProps {
+    #[prop_or_default]
+    pub class: Option<AttrValue>,
     #[prop_or(AttrValue::from("currentColor"))]
     pub color: AttrValue,
     #[prop_or(AttrValue::from("15"))]
@@ -14,8 +16,9 @@ pub fn ArrowBottomLeftIcon(props: &ArrowBottomLeftIconProps) -> Html {
     html! {
         <svg
             ref={node_ref}
-            width={& props.width}
-            height={& props.height}
+            class={&props.class}
+            width={&props.width}
+            height={&props.height}
             viewBox="0 0 15 15"
             fill="none"
             xmlns="http://www.w3.org/2000/svg"
@@ -24,7 +27,7 @@ pub fn ArrowBottomLeftIcon(props: &ArrowBottomLeftIconProps) -> Html {
                 fill-rule="evenodd"
                 clip-rule="evenodd"
                 d="M11.3536 3.64644C11.5488 3.8417 11.5488 4.15828 11.3536 4.35354L4.70711 11L9 11C9.27614 11 9.5 11.2239 9.5 11.5C9.5 11.7761 9.27614 12 9 12L3.5 12C3.36739 12 3.24021 11.9473 3.14645 11.8536C3.05268 11.7598 3 11.6326 3 11.5L3 5.99999C3 5.72385 3.22386 5.49999 3.5 5.49999C3.77614 5.49999 4 5.72385 4 5.99999V10.2929L10.6464 3.64643C10.8417 3.45117 11.1583 3.45117 11.3536 3.64644Z"
-                fill={& props.color}
+                fill={&props.color}
             />
         </svg>
     }