diff --git a/packages/react/bin/build.js b/packages/react/bin/build.js
index 53842b7..5ad806e 100644
--- a/packages/react/bin/build.js
+++ b/packages/react/bin/build.js
@@ -39,6 +39,7 @@ import { FC, SVGAttributes } from "react";
 interface Props extends SVGAttributes<SVGElement> {
   color?: string;
   size?: string | number;
+  width?: string | number;
 }
 
 type Icon = FC<Props>;
@@ -54,7 +55,12 @@ fs.writeFileSync(
 const attrsToString = (attrs) => {
   return Object.keys(attrs)
     .map((key) => {
-      if (key === "width" || key === "height" || key === "stroke") {
+      if (
+        key === "width" ||
+        key === "height" ||
+        key === "stroke" ||
+        key === "strokeWidth"
+      ) {
         return key + "={" + attrs[key] + "}";
       }
       if (key === "rest") {
@@ -75,7 +81,7 @@ icons.forEach((i) => {
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "color",
-    strokeWidth: 2,
+    strokeWidth: "width",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     rest: "...rest",
@@ -85,7 +91,7 @@ icons.forEach((i) => {
     import React, { forwardRef } from "react";
     import PropTypes from "prop-types";
 
-    const ${ComponentName} = forwardRef(({ color = "currentColor", size = 24, ...rest }, ref) => {
+    const ${ComponentName} = forwardRef(({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
       return (
         <svg ref={ref} ${attrsToString(defaultAttrs)}>
           ${i.content}
@@ -99,6 +105,10 @@ icons.forEach((i) => {
         PropTypes.string,
         PropTypes.number
       ]),
+      width: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.number
+      ]),
     }
 
     ${ComponentName}.displayName = "${ComponentName}"
diff --git a/packages/react/src/icons/activity.js b/packages/react/src/icons/activity.js
index 33740d9..d9935dc 100644
--- a/packages/react/src/icons/activity.js
+++ b/packages/react/src/icons/activity.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Activity = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Activity = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Activity = forwardRef(
 Activity.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Activity.displayName = "Activity";
diff --git a/packages/react/src/icons/airplay.js b/packages/react/src/icons/airplay.js
index f3f740e..dff3115 100644
--- a/packages/react/src/icons/airplay.js
+++ b/packages/react/src/icons/airplay.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Airplay = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Airplay = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Airplay = forwardRef(
 Airplay.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Airplay.displayName = "Airplay";
diff --git a/packages/react/src/icons/alert-circle.js b/packages/react/src/icons/alert-circle.js
index 53424a5..1d13b4e 100644
--- a/packages/react/src/icons/alert-circle.js
+++ b/packages/react/src/icons/alert-circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const AlertCircle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const AlertCircle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const AlertCircle = forwardRef(
 AlertCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 AlertCircle.displayName = "AlertCircle";
diff --git a/packages/react/src/icons/alert-octagon.js b/packages/react/src/icons/alert-octagon.js
index bf2435c..e067625 100644
--- a/packages/react/src/icons/alert-octagon.js
+++ b/packages/react/src/icons/alert-octagon.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const AlertOctagon = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const AlertOctagon = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const AlertOctagon = forwardRef(
 AlertOctagon.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 AlertOctagon.displayName = "AlertOctagon";
diff --git a/packages/react/src/icons/alert-triangle.js b/packages/react/src/icons/alert-triangle.js
index 97a9fac..8366147 100644
--- a/packages/react/src/icons/alert-triangle.js
+++ b/packages/react/src/icons/alert-triangle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const AlertTriangle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const AlertTriangle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const AlertTriangle = forwardRef(
 AlertTriangle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 AlertTriangle.displayName = "AlertTriangle";
diff --git a/packages/react/src/icons/align-center.js b/packages/react/src/icons/align-center.js
index 1e5922e..4748f5d 100644
--- a/packages/react/src/icons/align-center.js
+++ b/packages/react/src/icons/align-center.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const AlignCenter = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const AlignCenter = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const AlignCenter = forwardRef(
 AlignCenter.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 AlignCenter.displayName = "AlignCenter";
diff --git a/packages/react/src/icons/align-justify.js b/packages/react/src/icons/align-justify.js
index 2c9a83a..c492baa 100644
--- a/packages/react/src/icons/align-justify.js
+++ b/packages/react/src/icons/align-justify.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const AlignJustify = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const AlignJustify = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const AlignJustify = forwardRef(
 AlignJustify.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 AlignJustify.displayName = "AlignJustify";
diff --git a/packages/react/src/icons/align-left.js b/packages/react/src/icons/align-left.js
index 33458d5..588156f 100644
--- a/packages/react/src/icons/align-left.js
+++ b/packages/react/src/icons/align-left.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const AlignLeft = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const AlignLeft = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const AlignLeft = forwardRef(
 AlignLeft.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 AlignLeft.displayName = "AlignLeft";
diff --git a/packages/react/src/icons/align-right.js b/packages/react/src/icons/align-right.js
index 42a8e01..fe2e65b 100644
--- a/packages/react/src/icons/align-right.js
+++ b/packages/react/src/icons/align-right.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const AlignRight = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const AlignRight = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const AlignRight = forwardRef(
 AlignRight.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 AlignRight.displayName = "AlignRight";
diff --git a/packages/react/src/icons/anchor.js b/packages/react/src/icons/anchor.js
index b5d15ed..a177ce2 100644
--- a/packages/react/src/icons/anchor.js
+++ b/packages/react/src/icons/anchor.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Anchor = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Anchor = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Anchor = forwardRef(
 Anchor.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Anchor.displayName = "Anchor";
diff --git a/packages/react/src/icons/aperture.js b/packages/react/src/icons/aperture.js
index 613695f..f298c6f 100644
--- a/packages/react/src/icons/aperture.js
+++ b/packages/react/src/icons/aperture.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Aperture = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Aperture = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -32,6 +32,7 @@ const Aperture = forwardRef(
 Aperture.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Aperture.displayName = "Aperture";
diff --git a/packages/react/src/icons/archive.js b/packages/react/src/icons/archive.js
index 77176b2..80484c5 100644
--- a/packages/react/src/icons/archive.js
+++ b/packages/react/src/icons/archive.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Archive = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Archive = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Archive = forwardRef(
 Archive.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Archive.displayName = "Archive";
diff --git a/packages/react/src/icons/arrow-down-circle.js b/packages/react/src/icons/arrow-down-circle.js
index ce53c67..6fd2ba8 100644
--- a/packages/react/src/icons/arrow-down-circle.js
+++ b/packages/react/src/icons/arrow-down-circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ArrowDownCircle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ArrowDownCircle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const ArrowDownCircle = forwardRef(
 ArrowDownCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ArrowDownCircle.displayName = "ArrowDownCircle";
diff --git a/packages/react/src/icons/arrow-down-left.js b/packages/react/src/icons/arrow-down-left.js
index d926c11..5f64518 100644
--- a/packages/react/src/icons/arrow-down-left.js
+++ b/packages/react/src/icons/arrow-down-left.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ArrowDownLeft = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ArrowDownLeft = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const ArrowDownLeft = forwardRef(
 ArrowDownLeft.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ArrowDownLeft.displayName = "ArrowDownLeft";
diff --git a/packages/react/src/icons/arrow-down-right.js b/packages/react/src/icons/arrow-down-right.js
index cc7890b..4d520fc 100644
--- a/packages/react/src/icons/arrow-down-right.js
+++ b/packages/react/src/icons/arrow-down-right.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ArrowDownRight = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ArrowDownRight = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const ArrowDownRight = forwardRef(
 ArrowDownRight.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ArrowDownRight.displayName = "ArrowDownRight";
diff --git a/packages/react/src/icons/arrow-down.js b/packages/react/src/icons/arrow-down.js
index 53f3512..3fe0d20 100644
--- a/packages/react/src/icons/arrow-down.js
+++ b/packages/react/src/icons/arrow-down.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ArrowDown = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ArrowDown = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const ArrowDown = forwardRef(
 ArrowDown.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ArrowDown.displayName = "ArrowDown";
diff --git a/packages/react/src/icons/arrow-left-circle.js b/packages/react/src/icons/arrow-left-circle.js
index 3a42a50..9be2629 100644
--- a/packages/react/src/icons/arrow-left-circle.js
+++ b/packages/react/src/icons/arrow-left-circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ArrowLeftCircle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ArrowLeftCircle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const ArrowLeftCircle = forwardRef(
 ArrowLeftCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ArrowLeftCircle.displayName = "ArrowLeftCircle";
diff --git a/packages/react/src/icons/arrow-left.js b/packages/react/src/icons/arrow-left.js
index c8bb41d..b2ce47b 100644
--- a/packages/react/src/icons/arrow-left.js
+++ b/packages/react/src/icons/arrow-left.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ArrowLeft = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ArrowLeft = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const ArrowLeft = forwardRef(
 ArrowLeft.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ArrowLeft.displayName = "ArrowLeft";
diff --git a/packages/react/src/icons/arrow-right-circle.js b/packages/react/src/icons/arrow-right-circle.js
index 048c360..8d8bbfa 100644
--- a/packages/react/src/icons/arrow-right-circle.js
+++ b/packages/react/src/icons/arrow-right-circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ArrowRightCircle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ArrowRightCircle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const ArrowRightCircle = forwardRef(
 ArrowRightCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ArrowRightCircle.displayName = "ArrowRightCircle";
diff --git a/packages/react/src/icons/arrow-right.js b/packages/react/src/icons/arrow-right.js
index 6f64882..5cd5732 100644
--- a/packages/react/src/icons/arrow-right.js
+++ b/packages/react/src/icons/arrow-right.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ArrowRight = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ArrowRight = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const ArrowRight = forwardRef(
 ArrowRight.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ArrowRight.displayName = "ArrowRight";
diff --git a/packages/react/src/icons/arrow-up-circle.js b/packages/react/src/icons/arrow-up-circle.js
index 770ace4..281a48f 100644
--- a/packages/react/src/icons/arrow-up-circle.js
+++ b/packages/react/src/icons/arrow-up-circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ArrowUpCircle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ArrowUpCircle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const ArrowUpCircle = forwardRef(
 ArrowUpCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ArrowUpCircle.displayName = "ArrowUpCircle";
diff --git a/packages/react/src/icons/arrow-up-left.js b/packages/react/src/icons/arrow-up-left.js
index 5b5d3f9..f1c1ea8 100644
--- a/packages/react/src/icons/arrow-up-left.js
+++ b/packages/react/src/icons/arrow-up-left.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ArrowUpLeft = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ArrowUpLeft = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const ArrowUpLeft = forwardRef(
 ArrowUpLeft.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ArrowUpLeft.displayName = "ArrowUpLeft";
diff --git a/packages/react/src/icons/arrow-up-right.js b/packages/react/src/icons/arrow-up-right.js
index e7b6214..21cff90 100644
--- a/packages/react/src/icons/arrow-up-right.js
+++ b/packages/react/src/icons/arrow-up-right.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ArrowUpRight = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ArrowUpRight = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const ArrowUpRight = forwardRef(
 ArrowUpRight.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ArrowUpRight.displayName = "ArrowUpRight";
diff --git a/packages/react/src/icons/arrow-up.js b/packages/react/src/icons/arrow-up.js
index e75fb4d..04521c0 100644
--- a/packages/react/src/icons/arrow-up.js
+++ b/packages/react/src/icons/arrow-up.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ArrowUp = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ArrowUp = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const ArrowUp = forwardRef(
 ArrowUp.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ArrowUp.displayName = "ArrowUp";
diff --git a/packages/react/src/icons/at-sign.js b/packages/react/src/icons/at-sign.js
index 0376f58..4a07f4f 100644
--- a/packages/react/src/icons/at-sign.js
+++ b/packages/react/src/icons/at-sign.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const AtSign = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const AtSign = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const AtSign = forwardRef(
 AtSign.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 AtSign.displayName = "AtSign";
diff --git a/packages/react/src/icons/award.js b/packages/react/src/icons/award.js
index 164986e..4869859 100644
--- a/packages/react/src/icons/award.js
+++ b/packages/react/src/icons/award.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Award = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Award = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Award = forwardRef(
 Award.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Award.displayName = "Award";
diff --git a/packages/react/src/icons/bar-chart-2.js b/packages/react/src/icons/bar-chart-2.js
index 25d58f9..1ee4506 100644
--- a/packages/react/src/icons/bar-chart-2.js
+++ b/packages/react/src/icons/bar-chart-2.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const BarChart2 = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const BarChart2 = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const BarChart2 = forwardRef(
 BarChart2.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 BarChart2.displayName = "BarChart2";
diff --git a/packages/react/src/icons/bar-chart.js b/packages/react/src/icons/bar-chart.js
index 35470eb..e014a44 100644
--- a/packages/react/src/icons/bar-chart.js
+++ b/packages/react/src/icons/bar-chart.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const BarChart = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const BarChart = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const BarChart = forwardRef(
 BarChart.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 BarChart.displayName = "BarChart";
diff --git a/packages/react/src/icons/battery-charging.js b/packages/react/src/icons/battery-charging.js
index bac30c9..e456343 100644
--- a/packages/react/src/icons/battery-charging.js
+++ b/packages/react/src/icons/battery-charging.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const BatteryCharging = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,14 +12,14 @@ const BatteryCharging = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
       >
-        <path d="M5 18H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3.19M15 6h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-3.19"></path>
-        <line x1="23" y1="13" x2="23" y2="11"></line>
-        <polyline points="11 6 7 12 13 12 9 18"></polyline>
+        <path d="M7 7H3.77778C2.79594 7 2 7.74619 2 8.66667V15.3333C2 16.2538 2.79594 17 3.77778 17H6M14 7H16.2222C17.2041 7 18 7.74619 18 8.66667V15.3333C18 16.2538 17.2041 17 16.2222 17H13"></path>
+        <polyline points="11 7 8 12 12 12 9 17"></polyline>
+        <line x1="22" x2="22" y1="11" y2="13"></line>
       </svg>
     );
   }
@@ -28,6 +28,7 @@ const BatteryCharging = forwardRef(
 BatteryCharging.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 BatteryCharging.displayName = "BatteryCharging";
diff --git a/packages/react/src/icons/battery-full.js b/packages/react/src/icons/battery-full.js
new file mode 100644
index 0000000..a1fb7d6
--- /dev/null
+++ b/packages/react/src/icons/battery-full.js
@@ -0,0 +1,38 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const BatteryFull = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <rect x="2" y="7" width="16" height="10" rx="2" ry="2"></rect>
+        <line x1="22" x2="22" y1="11" y2="13"></line>
+        <line x1="6" x2="6" y1="10" y2="14"></line>
+        <line x1="10" x2="10" y1="10" y2="14"></line>
+        <line x1="14" x2="14" y1="10" y2="14"></line>
+      </svg>
+    );
+  }
+);
+
+BatteryFull.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+BatteryFull.displayName = "BatteryFull";
+
+export default BatteryFull;
diff --git a/packages/react/src/icons/battery-low.js b/packages/react/src/icons/battery-low.js
new file mode 100644
index 0000000..b30d8e6
--- /dev/null
+++ b/packages/react/src/icons/battery-low.js
@@ -0,0 +1,36 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const BatteryLow = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <rect x="2" y="7" width="16" height="10" rx="2" ry="2"></rect>
+        <line x1="22" x2="22" y1="11" y2="13"></line>
+        <line x1="6" x2="6" y1="10" y2="14"></line>
+      </svg>
+    );
+  }
+);
+
+BatteryLow.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+BatteryLow.displayName = "BatteryLow";
+
+export default BatteryLow;
diff --git a/packages/react/src/icons/battery-medium.js b/packages/react/src/icons/battery-medium.js
new file mode 100644
index 0000000..2ebc4c6
--- /dev/null
+++ b/packages/react/src/icons/battery-medium.js
@@ -0,0 +1,37 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const BatteryMedium = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <rect x="2" y="7" width="16" height="10" rx="2" ry="2"></rect>
+        <line x1="22" x2="22" y1="11" y2="13"></line>
+        <line x1="6" x2="6" y1="10" y2="14"></line>
+        <line x1="10" x2="10" y1="10" y2="14"></line>
+      </svg>
+    );
+  }
+);
+
+BatteryMedium.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+BatteryMedium.displayName = "BatteryMedium";
+
+export default BatteryMedium;
diff --git a/packages/react/src/icons/battery.js b/packages/react/src/icons/battery.js
index c487c98..2b65e4f 100644
--- a/packages/react/src/icons/battery.js
+++ b/packages/react/src/icons/battery.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Battery = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,13 +12,13 @@ const Battery = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
       >
-        <rect x="1" y="6" width="18" height="12" rx="2" ry="2"></rect>
-        <line x1="23" y1="13" x2="23" y2="11"></line>
+        <rect x="2" y="7" width="16" height="10" rx="2" ry="2"></rect>
+        <line x1="22" x2="22" y1="11" y2="13"></line>
       </svg>
     );
   }
@@ -27,6 +27,7 @@ const Battery = forwardRef(
 Battery.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Battery.displayName = "Battery";
diff --git a/packages/react/src/icons/bell-off.js b/packages/react/src/icons/bell-off.js
index 44f5b6d..3b9b6a8 100644
--- a/packages/react/src/icons/bell-off.js
+++ b/packages/react/src/icons/bell-off.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const BellOff = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const BellOff = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -30,6 +30,7 @@ const BellOff = forwardRef(
 BellOff.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 BellOff.displayName = "BellOff";
diff --git a/packages/react/src/icons/bell.js b/packages/react/src/icons/bell.js
index a7dad61..6990c86 100644
--- a/packages/react/src/icons/bell.js
+++ b/packages/react/src/icons/bell.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Bell = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Bell = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Bell = forwardRef(
 Bell.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Bell.displayName = "Bell";
diff --git a/packages/react/src/icons/bluetooth.js b/packages/react/src/icons/bluetooth.js
index 5ecb606..2747f63 100644
--- a/packages/react/src/icons/bluetooth.js
+++ b/packages/react/src/icons/bluetooth.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Bluetooth = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Bluetooth = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Bluetooth = forwardRef(
 Bluetooth.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Bluetooth.displayName = "Bluetooth";
diff --git a/packages/react/src/icons/bold.js b/packages/react/src/icons/bold.js
index cf5e19e..b36d6ed 100644
--- a/packages/react/src/icons/bold.js
+++ b/packages/react/src/icons/bold.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Bold = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Bold = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Bold = forwardRef(
 Bold.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Bold.displayName = "Bold";
diff --git a/packages/react/src/icons/book-open.js b/packages/react/src/icons/book-open.js
index 76ca3cc..353b067 100644
--- a/packages/react/src/icons/book-open.js
+++ b/packages/react/src/icons/book-open.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const BookOpen = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const BookOpen = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const BookOpen = forwardRef(
 BookOpen.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 BookOpen.displayName = "BookOpen";
diff --git a/packages/react/src/icons/book.js b/packages/react/src/icons/book.js
index 506f73c..00259a9 100644
--- a/packages/react/src/icons/book.js
+++ b/packages/react/src/icons/book.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Book = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Book = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Book = forwardRef(
 Book.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Book.displayName = "Book";
diff --git a/packages/react/src/icons/bookmark.js b/packages/react/src/icons/bookmark.js
index d8f4156..f1b1747 100644
--- a/packages/react/src/icons/bookmark.js
+++ b/packages/react/src/icons/bookmark.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Bookmark = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Bookmark = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Bookmark = forwardRef(
 Bookmark.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Bookmark.displayName = "Bookmark";
diff --git a/packages/react/src/icons/box.js b/packages/react/src/icons/box.js
index 29d6d0a..7b8f6f1 100644
--- a/packages/react/src/icons/box.js
+++ b/packages/react/src/icons/box.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Box = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Box = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Box = forwardRef(
 Box.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Box.displayName = "Box";
diff --git a/packages/react/src/icons/briefcase.js b/packages/react/src/icons/briefcase.js
index 48f5eb8..d19c193 100644
--- a/packages/react/src/icons/briefcase.js
+++ b/packages/react/src/icons/briefcase.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Briefcase = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Briefcase = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Briefcase = forwardRef(
 Briefcase.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Briefcase.displayName = "Briefcase";
diff --git a/packages/react/src/icons/calendar.js b/packages/react/src/icons/calendar.js
index 27f5c4d..b92ec82 100644
--- a/packages/react/src/icons/calendar.js
+++ b/packages/react/src/icons/calendar.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Calendar = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Calendar = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Calendar = forwardRef(
 Calendar.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Calendar.displayName = "Calendar";
diff --git a/packages/react/src/icons/camera-off.js b/packages/react/src/icons/camera-off.js
index 9a43921..7da00b4 100644
--- a/packages/react/src/icons/camera-off.js
+++ b/packages/react/src/icons/camera-off.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CameraOff = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CameraOff = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const CameraOff = forwardRef(
 CameraOff.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CameraOff.displayName = "CameraOff";
diff --git a/packages/react/src/icons/camera.js b/packages/react/src/icons/camera.js
index 173b8e7..8009082 100644
--- a/packages/react/src/icons/camera.js
+++ b/packages/react/src/icons/camera.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Camera = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Camera = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Camera = forwardRef(
 Camera.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Camera.displayName = "Camera";
diff --git a/packages/react/src/icons/cast.js b/packages/react/src/icons/cast.js
index 3dbcaf0..7293861 100644
--- a/packages/react/src/icons/cast.js
+++ b/packages/react/src/icons/cast.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Cast = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Cast = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Cast = forwardRef(
 Cast.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Cast.displayName = "Cast";
diff --git a/packages/react/src/icons/check-circle.js b/packages/react/src/icons/check-circle.js
index 365d201..1d3ba08 100644
--- a/packages/react/src/icons/check-circle.js
+++ b/packages/react/src/icons/check-circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CheckCircle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CheckCircle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const CheckCircle = forwardRef(
 CheckCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CheckCircle.displayName = "CheckCircle";
diff --git a/packages/react/src/icons/check-square.js b/packages/react/src/icons/check-square.js
index 8773bb1..61f764b 100644
--- a/packages/react/src/icons/check-square.js
+++ b/packages/react/src/icons/check-square.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CheckSquare = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CheckSquare = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const CheckSquare = forwardRef(
 CheckSquare.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CheckSquare.displayName = "CheckSquare";
diff --git a/packages/react/src/icons/check.js b/packages/react/src/icons/check.js
index 087bcdd..dd361f4 100644
--- a/packages/react/src/icons/check.js
+++ b/packages/react/src/icons/check.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Check = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Check = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Check = forwardRef(
 Check.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Check.displayName = "Check";
diff --git a/packages/react/src/icons/chevron-down.js b/packages/react/src/icons/chevron-down.js
index a8f1898..078506c 100644
--- a/packages/react/src/icons/chevron-down.js
+++ b/packages/react/src/icons/chevron-down.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ChevronDown = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ChevronDown = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const ChevronDown = forwardRef(
 ChevronDown.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ChevronDown.displayName = "ChevronDown";
diff --git a/packages/react/src/icons/chevron-left.js b/packages/react/src/icons/chevron-left.js
index 7491fa0..3f2685f 100644
--- a/packages/react/src/icons/chevron-left.js
+++ b/packages/react/src/icons/chevron-left.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ChevronLeft = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ChevronLeft = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const ChevronLeft = forwardRef(
 ChevronLeft.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ChevronLeft.displayName = "ChevronLeft";
diff --git a/packages/react/src/icons/chevron-right.js b/packages/react/src/icons/chevron-right.js
index 0718868..2ea2e67 100644
--- a/packages/react/src/icons/chevron-right.js
+++ b/packages/react/src/icons/chevron-right.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ChevronRight = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ChevronRight = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const ChevronRight = forwardRef(
 ChevronRight.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ChevronRight.displayName = "ChevronRight";
diff --git a/packages/react/src/icons/chevron-up.js b/packages/react/src/icons/chevron-up.js
index eeea0cd..2237d1e 100644
--- a/packages/react/src/icons/chevron-up.js
+++ b/packages/react/src/icons/chevron-up.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ChevronUp = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ChevronUp = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const ChevronUp = forwardRef(
 ChevronUp.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ChevronUp.displayName = "ChevronUp";
diff --git a/packages/react/src/icons/chevrons-down.js b/packages/react/src/icons/chevrons-down.js
index 03702ac..5627608 100644
--- a/packages/react/src/icons/chevrons-down.js
+++ b/packages/react/src/icons/chevrons-down.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ChevronsDown = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ChevronsDown = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const ChevronsDown = forwardRef(
 ChevronsDown.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ChevronsDown.displayName = "ChevronsDown";
diff --git a/packages/react/src/icons/chevrons-left.js b/packages/react/src/icons/chevrons-left.js
index a74ca1c..86ed8af 100644
--- a/packages/react/src/icons/chevrons-left.js
+++ b/packages/react/src/icons/chevrons-left.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ChevronsLeft = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ChevronsLeft = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const ChevronsLeft = forwardRef(
 ChevronsLeft.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ChevronsLeft.displayName = "ChevronsLeft";
diff --git a/packages/react/src/icons/chevrons-right.js b/packages/react/src/icons/chevrons-right.js
index d4a974f..ce15968 100644
--- a/packages/react/src/icons/chevrons-right.js
+++ b/packages/react/src/icons/chevrons-right.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ChevronsRight = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ChevronsRight = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const ChevronsRight = forwardRef(
 ChevronsRight.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ChevronsRight.displayName = "ChevronsRight";
diff --git a/packages/react/src/icons/chevrons-up.js b/packages/react/src/icons/chevrons-up.js
index 6a9bc79..d40810f 100644
--- a/packages/react/src/icons/chevrons-up.js
+++ b/packages/react/src/icons/chevrons-up.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ChevronsUp = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ChevronsUp = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const ChevronsUp = forwardRef(
 ChevronsUp.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ChevronsUp.displayName = "ChevronsUp";
diff --git a/packages/react/src/icons/chrome.js b/packages/react/src/icons/chrome.js
index eb2102d..b1e94a6 100644
--- a/packages/react/src/icons/chrome.js
+++ b/packages/react/src/icons/chrome.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Chrome = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Chrome = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -30,6 +30,7 @@ const Chrome = forwardRef(
 Chrome.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Chrome.displayName = "Chrome";
diff --git a/packages/react/src/icons/circle.js b/packages/react/src/icons/circle.js
index 20caae2..cceedd8 100644
--- a/packages/react/src/icons/circle.js
+++ b/packages/react/src/icons/circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Circle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Circle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Circle = forwardRef(
 Circle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Circle.displayName = "Circle";
diff --git a/packages/react/src/icons/clipboard.js b/packages/react/src/icons/clipboard.js
index db8e54c..af24fe8 100644
--- a/packages/react/src/icons/clipboard.js
+++ b/packages/react/src/icons/clipboard.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Clipboard = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Clipboard = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Clipboard = forwardRef(
 Clipboard.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Clipboard.displayName = "Clipboard";
diff --git a/packages/react/src/icons/clock.js b/packages/react/src/icons/clock.js
index ed2a088..b6b3ff4 100644
--- a/packages/react/src/icons/clock.js
+++ b/packages/react/src/icons/clock.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Clock = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Clock = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Clock = forwardRef(
 Clock.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Clock.displayName = "Clock";
diff --git a/packages/react/src/icons/cloud-drizzle.js b/packages/react/src/icons/cloud-drizzle.js
index 4d21278..c591d74 100644
--- a/packages/react/src/icons/cloud-drizzle.js
+++ b/packages/react/src/icons/cloud-drizzle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CloudDrizzle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CloudDrizzle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -32,6 +32,7 @@ const CloudDrizzle = forwardRef(
 CloudDrizzle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CloudDrizzle.displayName = "CloudDrizzle";
diff --git a/packages/react/src/icons/cloud-lightning.js b/packages/react/src/icons/cloud-lightning.js
index 878b59c..cac7c65 100644
--- a/packages/react/src/icons/cloud-lightning.js
+++ b/packages/react/src/icons/cloud-lightning.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CloudLightning = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CloudLightning = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const CloudLightning = forwardRef(
 CloudLightning.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CloudLightning.displayName = "CloudLightning";
diff --git a/packages/react/src/icons/cloud-off.js b/packages/react/src/icons/cloud-off.js
index fa85d4a..5ec3e32 100644
--- a/packages/react/src/icons/cloud-off.js
+++ b/packages/react/src/icons/cloud-off.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CloudOff = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CloudOff = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const CloudOff = forwardRef(
 CloudOff.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CloudOff.displayName = "CloudOff";
diff --git a/packages/react/src/icons/cloud-rain.js b/packages/react/src/icons/cloud-rain.js
index 64bbaf6..68f511a 100644
--- a/packages/react/src/icons/cloud-rain.js
+++ b/packages/react/src/icons/cloud-rain.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CloudRain = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CloudRain = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const CloudRain = forwardRef(
 CloudRain.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CloudRain.displayName = "CloudRain";
diff --git a/packages/react/src/icons/cloud-snow.js b/packages/react/src/icons/cloud-snow.js
index 9853281..83c27f6 100644
--- a/packages/react/src/icons/cloud-snow.js
+++ b/packages/react/src/icons/cloud-snow.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CloudSnow = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CloudSnow = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -32,6 +32,7 @@ const CloudSnow = forwardRef(
 CloudSnow.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CloudSnow.displayName = "CloudSnow";
diff --git a/packages/react/src/icons/cloud.js b/packages/react/src/icons/cloud.js
index b913937..c9393e0 100644
--- a/packages/react/src/icons/cloud.js
+++ b/packages/react/src/icons/cloud.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Cloud = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Cloud = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Cloud = forwardRef(
 Cloud.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Cloud.displayName = "Cloud";
diff --git a/packages/react/src/icons/code.js b/packages/react/src/icons/code.js
index 040e263..418e82b 100644
--- a/packages/react/src/icons/code.js
+++ b/packages/react/src/icons/code.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Code = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Code = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Code = forwardRef(
 Code.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Code.displayName = "Code";
diff --git a/packages/react/src/icons/codepen.js b/packages/react/src/icons/codepen.js
index 392e3f0..ecf5efb 100644
--- a/packages/react/src/icons/codepen.js
+++ b/packages/react/src/icons/codepen.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Codepen = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Codepen = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -30,6 +30,7 @@ const Codepen = forwardRef(
 Codepen.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Codepen.displayName = "Codepen";
diff --git a/packages/react/src/icons/codesandbox.js b/packages/react/src/icons/codesandbox.js
index 140a17f..d98f6d2 100644
--- a/packages/react/src/icons/codesandbox.js
+++ b/packages/react/src/icons/codesandbox.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Codesandbox = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Codesandbox = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -31,6 +31,7 @@ const Codesandbox = forwardRef(
 Codesandbox.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Codesandbox.displayName = "Codesandbox";
diff --git a/packages/react/src/icons/coffee.js b/packages/react/src/icons/coffee.js
index 08c0e53..4dace14 100644
--- a/packages/react/src/icons/coffee.js
+++ b/packages/react/src/icons/coffee.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Coffee = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Coffee = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -30,6 +30,7 @@ const Coffee = forwardRef(
 Coffee.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Coffee.displayName = "Coffee";
diff --git a/packages/react/src/icons/columns.js b/packages/react/src/icons/columns.js
index 913b133..c90b098 100644
--- a/packages/react/src/icons/columns.js
+++ b/packages/react/src/icons/columns.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Columns = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Columns = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Columns = forwardRef(
 Columns.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Columns.displayName = "Columns";
diff --git a/packages/react/src/icons/command.js b/packages/react/src/icons/command.js
index e547e38..e1bf7cf 100644
--- a/packages/react/src/icons/command.js
+++ b/packages/react/src/icons/command.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Command = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Command = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Command = forwardRef(
 Command.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Command.displayName = "Command";
diff --git a/packages/react/src/icons/compass.js b/packages/react/src/icons/compass.js
index 80c99a4..96744ab 100644
--- a/packages/react/src/icons/compass.js
+++ b/packages/react/src/icons/compass.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Compass = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Compass = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Compass = forwardRef(
 Compass.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Compass.displayName = "Compass";
diff --git a/packages/react/src/icons/contact.js b/packages/react/src/icons/contact.js
new file mode 100644
index 0000000..197be92
--- /dev/null
+++ b/packages/react/src/icons/contact.js
@@ -0,0 +1,38 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const Contact = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <path d="M19 22H5c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2z"></path>
+        <line x1="16" y1="2" x2="16" y2="4"></line>
+        <line x1="8" y1="2" x2="8" y2="4"></line>
+        <circle cx="12" cy="11" r="3"></circle>
+        <path d="M17 18.5c-1.4-1-3.1-1.5-5-1.5s-3.6.6-5 1.5"></path>
+      </svg>
+    );
+  }
+);
+
+Contact.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+Contact.displayName = "Contact";
+
+export default Contact;
diff --git a/packages/react/src/icons/contrast.js b/packages/react/src/icons/contrast.js
new file mode 100644
index 0000000..1b0bebd
--- /dev/null
+++ b/packages/react/src/icons/contrast.js
@@ -0,0 +1,35 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const Contrast = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <circle cx="12" cy="12" r="10"></circle>
+        <path d="M12 18a6 6 0 000-12v12z"></path>
+      </svg>
+    );
+  }
+);
+
+Contrast.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+Contrast.displayName = "Contrast";
+
+export default Contrast;
diff --git a/packages/react/src/icons/copy.js b/packages/react/src/icons/copy.js
index e247c3b..4430a61 100644
--- a/packages/react/src/icons/copy.js
+++ b/packages/react/src/icons/copy.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Copy = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Copy = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Copy = forwardRef(
 Copy.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Copy.displayName = "Copy";
diff --git a/packages/react/src/icons/copyright.js b/packages/react/src/icons/copyright.js
new file mode 100644
index 0000000..96b18e8
--- /dev/null
+++ b/packages/react/src/icons/copyright.js
@@ -0,0 +1,35 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const Copyright = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <circle cx="12" cy="12" r="10"></circle>
+        <path d="M15 9.35418C14.2671 8.52376 13.1947 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C13.1947 16 14.2671 15.4762 15 14.6458"></path>
+      </svg>
+    );
+  }
+);
+
+Copyright.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+Copyright.displayName = "Copyright";
+
+export default Copyright;
diff --git a/packages/react/src/icons/corner-down-left.js b/packages/react/src/icons/corner-down-left.js
index 5870117..f14d512 100644
--- a/packages/react/src/icons/corner-down-left.js
+++ b/packages/react/src/icons/corner-down-left.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CornerDownLeft = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CornerDownLeft = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const CornerDownLeft = forwardRef(
 CornerDownLeft.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CornerDownLeft.displayName = "CornerDownLeft";
diff --git a/packages/react/src/icons/corner-down-right.js b/packages/react/src/icons/corner-down-right.js
index 15dcfbe..c5c38ed 100644
--- a/packages/react/src/icons/corner-down-right.js
+++ b/packages/react/src/icons/corner-down-right.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CornerDownRight = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CornerDownRight = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const CornerDownRight = forwardRef(
 CornerDownRight.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CornerDownRight.displayName = "CornerDownRight";
diff --git a/packages/react/src/icons/corner-left-down.js b/packages/react/src/icons/corner-left-down.js
index b977bee..a86c0d2 100644
--- a/packages/react/src/icons/corner-left-down.js
+++ b/packages/react/src/icons/corner-left-down.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CornerLeftDown = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CornerLeftDown = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const CornerLeftDown = forwardRef(
 CornerLeftDown.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CornerLeftDown.displayName = "CornerLeftDown";
diff --git a/packages/react/src/icons/corner-left-up.js b/packages/react/src/icons/corner-left-up.js
index 5d0a645..24f371e 100644
--- a/packages/react/src/icons/corner-left-up.js
+++ b/packages/react/src/icons/corner-left-up.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CornerLeftUp = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CornerLeftUp = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const CornerLeftUp = forwardRef(
 CornerLeftUp.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CornerLeftUp.displayName = "CornerLeftUp";
diff --git a/packages/react/src/icons/corner-right-down.js b/packages/react/src/icons/corner-right-down.js
index 8cb9b04..239ffa3 100644
--- a/packages/react/src/icons/corner-right-down.js
+++ b/packages/react/src/icons/corner-right-down.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CornerRightDown = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CornerRightDown = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const CornerRightDown = forwardRef(
 CornerRightDown.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CornerRightDown.displayName = "CornerRightDown";
diff --git a/packages/react/src/icons/corner-right-up.js b/packages/react/src/icons/corner-right-up.js
index b5a9395..0fdd336 100644
--- a/packages/react/src/icons/corner-right-up.js
+++ b/packages/react/src/icons/corner-right-up.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CornerRightUp = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CornerRightUp = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const CornerRightUp = forwardRef(
 CornerRightUp.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CornerRightUp.displayName = "CornerRightUp";
diff --git a/packages/react/src/icons/corner-up-left.js b/packages/react/src/icons/corner-up-left.js
index 0975958..08c8264 100644
--- a/packages/react/src/icons/corner-up-left.js
+++ b/packages/react/src/icons/corner-up-left.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CornerUpLeft = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CornerUpLeft = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const CornerUpLeft = forwardRef(
 CornerUpLeft.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CornerUpLeft.displayName = "CornerUpLeft";
diff --git a/packages/react/src/icons/corner-up-right.js b/packages/react/src/icons/corner-up-right.js
index 8277ad5..d63fe0c 100644
--- a/packages/react/src/icons/corner-up-right.js
+++ b/packages/react/src/icons/corner-up-right.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CornerUpRight = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CornerUpRight = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const CornerUpRight = forwardRef(
 CornerUpRight.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CornerUpRight.displayName = "CornerUpRight";
diff --git a/packages/react/src/icons/cpu.js b/packages/react/src/icons/cpu.js
index 3c9d528..4cb8c9d 100644
--- a/packages/react/src/icons/cpu.js
+++ b/packages/react/src/icons/cpu.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Cpu = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Cpu = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -35,6 +35,7 @@ const Cpu = forwardRef(
 Cpu.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Cpu.displayName = "Cpu";
diff --git a/packages/react/src/icons/credit-card.js b/packages/react/src/icons/credit-card.js
index 0af1b81..11a9e96 100644
--- a/packages/react/src/icons/credit-card.js
+++ b/packages/react/src/icons/credit-card.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const CreditCard = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const CreditCard = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const CreditCard = forwardRef(
 CreditCard.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 CreditCard.displayName = "CreditCard";
diff --git a/packages/react/src/icons/crop.js b/packages/react/src/icons/crop.js
index de8e8ef..8509b17 100644
--- a/packages/react/src/icons/crop.js
+++ b/packages/react/src/icons/crop.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Crop = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Crop = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Crop = forwardRef(
 Crop.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Crop.displayName = "Crop";
diff --git a/packages/react/src/icons/crosshair.js b/packages/react/src/icons/crosshair.js
index bf41912..4c60405 100644
--- a/packages/react/src/icons/crosshair.js
+++ b/packages/react/src/icons/crosshair.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Crosshair = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Crosshair = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -30,6 +30,7 @@ const Crosshair = forwardRef(
 Crosshair.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Crosshair.displayName = "Crosshair";
diff --git a/packages/react/src/icons/database.js b/packages/react/src/icons/database.js
index 9b6d48e..9319426 100644
--- a/packages/react/src/icons/database.js
+++ b/packages/react/src/icons/database.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Database = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Database = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Database = forwardRef(
 Database.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Database.displayName = "Database";
diff --git a/packages/react/src/icons/delete.js b/packages/react/src/icons/delete.js
index 9d48899..18b88aa 100644
--- a/packages/react/src/icons/delete.js
+++ b/packages/react/src/icons/delete.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Delete = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Delete = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Delete = forwardRef(
 Delete.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Delete.displayName = "Delete";
diff --git a/packages/react/src/icons/disc.js b/packages/react/src/icons/disc.js
index 5720ada..24fbf71 100644
--- a/packages/react/src/icons/disc.js
+++ b/packages/react/src/icons/disc.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Disc = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Disc = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Disc = forwardRef(
 Disc.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Disc.displayName = "Disc";
diff --git a/packages/react/src/icons/divide-circle.js b/packages/react/src/icons/divide-circle.js
index 9012d8e..0556219 100644
--- a/packages/react/src/icons/divide-circle.js
+++ b/packages/react/src/icons/divide-circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const DivideCircle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const DivideCircle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const DivideCircle = forwardRef(
 DivideCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 DivideCircle.displayName = "DivideCircle";
diff --git a/packages/react/src/icons/divide-square.js b/packages/react/src/icons/divide-square.js
index 3632faa..c5c4d95 100644
--- a/packages/react/src/icons/divide-square.js
+++ b/packages/react/src/icons/divide-square.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const DivideSquare = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const DivideSquare = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const DivideSquare = forwardRef(
 DivideSquare.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 DivideSquare.displayName = "DivideSquare";
diff --git a/packages/react/src/icons/divide.js b/packages/react/src/icons/divide.js
index f36cba7..156945b 100644
--- a/packages/react/src/icons/divide.js
+++ b/packages/react/src/icons/divide.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Divide = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Divide = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Divide = forwardRef(
 Divide.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Divide.displayName = "Divide";
diff --git a/packages/react/src/icons/dollar-sign.js b/packages/react/src/icons/dollar-sign.js
index 49ea51b..4df82c0 100644
--- a/packages/react/src/icons/dollar-sign.js
+++ b/packages/react/src/icons/dollar-sign.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const DollarSign = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const DollarSign = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const DollarSign = forwardRef(
 DollarSign.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 DollarSign.displayName = "DollarSign";
diff --git a/packages/react/src/icons/download-cloud.js b/packages/react/src/icons/download-cloud.js
index e6298fc..029214c 100644
--- a/packages/react/src/icons/download-cloud.js
+++ b/packages/react/src/icons/download-cloud.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const DownloadCloud = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const DownloadCloud = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const DownloadCloud = forwardRef(
 DownloadCloud.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 DownloadCloud.displayName = "DownloadCloud";
diff --git a/packages/react/src/icons/download.js b/packages/react/src/icons/download.js
index 1a0b6c2..c972b9a 100644
--- a/packages/react/src/icons/download.js
+++ b/packages/react/src/icons/download.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Download = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Download = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Download = forwardRef(
 Download.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Download.displayName = "Download";
diff --git a/packages/react/src/icons/dribbble.js b/packages/react/src/icons/dribbble.js
index 29e4d02..7804e96 100644
--- a/packages/react/src/icons/dribbble.js
+++ b/packages/react/src/icons/dribbble.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Dribbble = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Dribbble = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Dribbble = forwardRef(
 Dribbble.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Dribbble.displayName = "Dribbble";
diff --git a/packages/react/src/icons/droplet.js b/packages/react/src/icons/droplet.js
index 8313cd6..e1119c8 100644
--- a/packages/react/src/icons/droplet.js
+++ b/packages/react/src/icons/droplet.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Droplet = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Droplet = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Droplet = forwardRef(
 Droplet.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Droplet.displayName = "Droplet";
diff --git a/packages/react/src/icons/edit-2.js b/packages/react/src/icons/edit-2.js
index 3cb8823..406468b 100644
--- a/packages/react/src/icons/edit-2.js
+++ b/packages/react/src/icons/edit-2.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Edit2 = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Edit2 = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Edit2 = forwardRef(
 Edit2.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Edit2.displayName = "Edit2";
diff --git a/packages/react/src/icons/edit-3.js b/packages/react/src/icons/edit-3.js
index 855183f..97c2b5e 100644
--- a/packages/react/src/icons/edit-3.js
+++ b/packages/react/src/icons/edit-3.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Edit3 = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Edit3 = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Edit3 = forwardRef(
 Edit3.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Edit3.displayName = "Edit3";
diff --git a/packages/react/src/icons/edit.js b/packages/react/src/icons/edit.js
index abb433d..a4bb4ae 100644
--- a/packages/react/src/icons/edit.js
+++ b/packages/react/src/icons/edit.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Edit = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Edit = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Edit = forwardRef(
 Edit.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Edit.displayName = "Edit";
diff --git a/packages/react/src/icons/external-link.js b/packages/react/src/icons/external-link.js
index 80b08b5..13c4379 100644
--- a/packages/react/src/icons/external-link.js
+++ b/packages/react/src/icons/external-link.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ExternalLink = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ExternalLink = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const ExternalLink = forwardRef(
 ExternalLink.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ExternalLink.displayName = "ExternalLink";
diff --git a/packages/react/src/icons/eye-off.js b/packages/react/src/icons/eye-off.js
index e0e7071..0ee7c4a 100644
--- a/packages/react/src/icons/eye-off.js
+++ b/packages/react/src/icons/eye-off.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const EyeOff = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const EyeOff = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const EyeOff = forwardRef(
 EyeOff.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 EyeOff.displayName = "EyeOff";
diff --git a/packages/react/src/icons/eye.js b/packages/react/src/icons/eye.js
index ce16283..038847c 100644
--- a/packages/react/src/icons/eye.js
+++ b/packages/react/src/icons/eye.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Eye = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Eye = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Eye = forwardRef(
 Eye.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Eye.displayName = "Eye";
diff --git a/packages/react/src/icons/facebook.js b/packages/react/src/icons/facebook.js
index 9c4786c..66f70df 100644
--- a/packages/react/src/icons/facebook.js
+++ b/packages/react/src/icons/facebook.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Facebook = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Facebook = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Facebook = forwardRef(
 Facebook.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Facebook.displayName = "Facebook";
diff --git a/packages/react/src/icons/fast-forward.js b/packages/react/src/icons/fast-forward.js
index d1d08e1..57591a8 100644
--- a/packages/react/src/icons/fast-forward.js
+++ b/packages/react/src/icons/fast-forward.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const FastForward = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const FastForward = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const FastForward = forwardRef(
 FastForward.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 FastForward.displayName = "FastForward";
diff --git a/packages/react/src/icons/feather.js b/packages/react/src/icons/feather.js
index 97ae9a9..d44749e 100644
--- a/packages/react/src/icons/feather.js
+++ b/packages/react/src/icons/feather.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Feather = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Feather = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Feather = forwardRef(
 Feather.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Feather.displayName = "Feather";
diff --git a/packages/react/src/icons/figma.js b/packages/react/src/icons/figma.js
index f57038a..2655d57 100644
--- a/packages/react/src/icons/figma.js
+++ b/packages/react/src/icons/figma.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Figma = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Figma = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -30,6 +30,7 @@ const Figma = forwardRef(
 Figma.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Figma.displayName = "Figma";
diff --git a/packages/react/src/icons/file-minus.js b/packages/react/src/icons/file-minus.js
index 3f2d40c..013dbea 100644
--- a/packages/react/src/icons/file-minus.js
+++ b/packages/react/src/icons/file-minus.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const FileMinus = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const FileMinus = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const FileMinus = forwardRef(
 FileMinus.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 FileMinus.displayName = "FileMinus";
diff --git a/packages/react/src/icons/file-plus.js b/packages/react/src/icons/file-plus.js
index 5e41b36..325b645 100644
--- a/packages/react/src/icons/file-plus.js
+++ b/packages/react/src/icons/file-plus.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const FilePlus = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const FilePlus = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const FilePlus = forwardRef(
 FilePlus.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 FilePlus.displayName = "FilePlus";
diff --git a/packages/react/src/icons/file-text.js b/packages/react/src/icons/file-text.js
index 09fbf39..9917dd9 100644
--- a/packages/react/src/icons/file-text.js
+++ b/packages/react/src/icons/file-text.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const FileText = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const FileText = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -30,6 +30,7 @@ const FileText = forwardRef(
 FileText.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 FileText.displayName = "FileText";
diff --git a/packages/react/src/icons/file.js b/packages/react/src/icons/file.js
index 71c74b9..c216a89 100644
--- a/packages/react/src/icons/file.js
+++ b/packages/react/src/icons/file.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const File = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const File = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const File = forwardRef(
 File.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 File.displayName = "File";
diff --git a/packages/react/src/icons/film.js b/packages/react/src/icons/film.js
index 8843287..4f05b47 100644
--- a/packages/react/src/icons/film.js
+++ b/packages/react/src/icons/film.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Film = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Film = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -33,6 +33,7 @@ const Film = forwardRef(
 Film.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Film.displayName = "Film";
diff --git a/packages/react/src/icons/filter.js b/packages/react/src/icons/filter.js
index 2782592..6eb702e 100644
--- a/packages/react/src/icons/filter.js
+++ b/packages/react/src/icons/filter.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Filter = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Filter = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Filter = forwardRef(
 Filter.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Filter.displayName = "Filter";
diff --git a/packages/react/src/icons/flag.js b/packages/react/src/icons/flag.js
index 2427bf4..0dcb4dc 100644
--- a/packages/react/src/icons/flag.js
+++ b/packages/react/src/icons/flag.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Flag = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Flag = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Flag = forwardRef(
 Flag.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Flag.displayName = "Flag";
diff --git a/packages/react/src/icons/folder-minus.js b/packages/react/src/icons/folder-minus.js
index 08eea3a..9da90c1 100644
--- a/packages/react/src/icons/folder-minus.js
+++ b/packages/react/src/icons/folder-minus.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const FolderMinus = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const FolderMinus = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const FolderMinus = forwardRef(
 FolderMinus.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 FolderMinus.displayName = "FolderMinus";
diff --git a/packages/react/src/icons/folder-plus.js b/packages/react/src/icons/folder-plus.js
index ae1879b..9f7fb21 100644
--- a/packages/react/src/icons/folder-plus.js
+++ b/packages/react/src/icons/folder-plus.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const FolderPlus = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const FolderPlus = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const FolderPlus = forwardRef(
 FolderPlus.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 FolderPlus.displayName = "FolderPlus";
diff --git a/packages/react/src/icons/folder.js b/packages/react/src/icons/folder.js
index 433e47a..0e24e0a 100644
--- a/packages/react/src/icons/folder.js
+++ b/packages/react/src/icons/folder.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Folder = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Folder = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Folder = forwardRef(
 Folder.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Folder.displayName = "Folder";
diff --git a/packages/react/src/icons/framer.js b/packages/react/src/icons/framer.js
index 0b5e68a..29dd588 100644
--- a/packages/react/src/icons/framer.js
+++ b/packages/react/src/icons/framer.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Framer = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Framer = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Framer = forwardRef(
 Framer.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Framer.displayName = "Framer";
diff --git a/packages/react/src/icons/frown.js b/packages/react/src/icons/frown.js
index b693fe4..8be1670 100644
--- a/packages/react/src/icons/frown.js
+++ b/packages/react/src/icons/frown.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Frown = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Frown = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Frown = forwardRef(
 Frown.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Frown.displayName = "Frown";
diff --git a/packages/react/src/icons/gamepad-2.js b/packages/react/src/icons/gamepad-2.js
new file mode 100644
index 0000000..3839830
--- /dev/null
+++ b/packages/react/src/icons/gamepad-2.js
@@ -0,0 +1,38 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const Gamepad2 = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <line x1="6" y1="11" x2="10" y2="11"></line>
+        <line x1="8" y1="9" x2="8" y2="13"></line>
+        <line x1="15" y1="12" x2="15.01" y2="12"></line>
+        <line x1="18" y1="10" x2="18.01" y2="10"></line>
+        <path d="M17.3195 5H6.68053C4.62605 5 2.91027 6.55524 2.70151 8.59071C2.69626 8.6419 2.69146 8.69141 2.68527 8.7425C2.60372 9.41612 2 14.4551 2 16C2 17.6569 3.34315 19 5 19C6 19 6.5 18.5 7 18L8.41421 16.5858C8.78929 16.2107 9.29799 16 9.82843 16H14.1716C14.702 16 15.2107 16.2107 15.5858 16.5858L17 18C17.5 18.5 18 19 19 19C20.6569 19 22 17.6569 22 16C22 14.4551 21.3963 9.41612 21.3147 8.7425C21.3085 8.69141 21.3037 8.6419 21.2985 8.59071C21.0897 6.55524 19.374 5 17.3195 5Z"></path>
+      </svg>
+    );
+  }
+);
+
+Gamepad2.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+Gamepad2.displayName = "Gamepad2";
+
+export default Gamepad2;
diff --git a/packages/react/src/icons/gamepad.js b/packages/react/src/icons/gamepad.js
new file mode 100644
index 0000000..fc3ec50
--- /dev/null
+++ b/packages/react/src/icons/gamepad.js
@@ -0,0 +1,38 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const Gamepad = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <line x1="6" y1="12" x2="10" y2="12"></line>
+        <line x1="8" y1="10" x2="8" y2="14"></line>
+        <line x1="15" y1="13" x2="15.01" y2="13"></line>
+        <line x1="18" y1="11" x2="18.01" y2="11"></line>
+        <rect x="2" y="6" width="20" height="12" rx="2"></rect>
+      </svg>
+    );
+  }
+);
+
+Gamepad.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+Gamepad.displayName = "Gamepad";
+
+export default Gamepad;
diff --git a/packages/react/src/icons/gift.js b/packages/react/src/icons/gift.js
index a283a2a..eb5d930 100644
--- a/packages/react/src/icons/gift.js
+++ b/packages/react/src/icons/gift.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Gift = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Gift = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -30,6 +30,7 @@ const Gift = forwardRef(
 Gift.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Gift.displayName = "Gift";
diff --git a/packages/react/src/icons/git-branch.js b/packages/react/src/icons/git-branch.js
index 3918d4c..ee74af0 100644
--- a/packages/react/src/icons/git-branch.js
+++ b/packages/react/src/icons/git-branch.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const GitBranch = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const GitBranch = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const GitBranch = forwardRef(
 GitBranch.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 GitBranch.displayName = "GitBranch";
diff --git a/packages/react/src/icons/git-commit.js b/packages/react/src/icons/git-commit.js
index 5655b3c..9e9bb59 100644
--- a/packages/react/src/icons/git-commit.js
+++ b/packages/react/src/icons/git-commit.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const GitCommit = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const GitCommit = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const GitCommit = forwardRef(
 GitCommit.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 GitCommit.displayName = "GitCommit";
diff --git a/packages/react/src/icons/git-merge.js b/packages/react/src/icons/git-merge.js
index 36a0be5..e00140d 100644
--- a/packages/react/src/icons/git-merge.js
+++ b/packages/react/src/icons/git-merge.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const GitMerge = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const GitMerge = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const GitMerge = forwardRef(
 GitMerge.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 GitMerge.displayName = "GitMerge";
diff --git a/packages/react/src/icons/git-pull-request.js b/packages/react/src/icons/git-pull-request.js
index 28ab0bc..bd05013 100644
--- a/packages/react/src/icons/git-pull-request.js
+++ b/packages/react/src/icons/git-pull-request.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const GitPullRequest = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const GitPullRequest = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const GitPullRequest = forwardRef(
 GitPullRequest.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 GitPullRequest.displayName = "GitPullRequest";
diff --git a/packages/react/src/icons/github.js b/packages/react/src/icons/github.js
index 41f6f5e..d41be40 100644
--- a/packages/react/src/icons/github.js
+++ b/packages/react/src/icons/github.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const GitHub = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const GitHub = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const GitHub = forwardRef(
 GitHub.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 GitHub.displayName = "GitHub";
diff --git a/packages/react/src/icons/gitlab.js b/packages/react/src/icons/gitlab.js
index 6b6f73d..8282420 100644
--- a/packages/react/src/icons/gitlab.js
+++ b/packages/react/src/icons/gitlab.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Gitlab = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Gitlab = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Gitlab = forwardRef(
 Gitlab.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Gitlab.displayName = "Gitlab";
diff --git a/packages/react/src/icons/globe.js b/packages/react/src/icons/globe.js
index 3919b83..f38dba7 100644
--- a/packages/react/src/icons/globe.js
+++ b/packages/react/src/icons/globe.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Globe = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Globe = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Globe = forwardRef(
 Globe.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Globe.displayName = "Globe";
diff --git a/packages/react/src/icons/grid.js b/packages/react/src/icons/grid.js
index 9d8c15a..8647db0 100644
--- a/packages/react/src/icons/grid.js
+++ b/packages/react/src/icons/grid.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Grid = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Grid = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Grid = forwardRef(
 Grid.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Grid.displayName = "Grid";
diff --git a/packages/react/src/icons/grip-horizontal.js b/packages/react/src/icons/grip-horizontal.js
new file mode 100644
index 0000000..776166d
--- /dev/null
+++ b/packages/react/src/icons/grip-horizontal.js
@@ -0,0 +1,39 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const GripHorizontal = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <circle cx="12" cy="9" r="1"></circle>
+        <circle cx="19" cy="9" r="1"></circle>
+        <circle cx="5" cy="9" r="1"></circle>
+        <circle cx="12" cy="15" r="1"></circle>
+        <circle cx="19" cy="15" r="1"></circle>
+        <circle cx="5" cy="15" r="1"></circle>
+      </svg>
+    );
+  }
+);
+
+GripHorizontal.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+GripHorizontal.displayName = "GripHorizontal";
+
+export default GripHorizontal;
diff --git a/packages/react/src/icons/grip-vertical.js b/packages/react/src/icons/grip-vertical.js
new file mode 100644
index 0000000..c0a86bb
--- /dev/null
+++ b/packages/react/src/icons/grip-vertical.js
@@ -0,0 +1,39 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const GripVertical = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <circle cx="9" cy="12" r="1"></circle>
+        <circle cx="9" cy="5" r="1"></circle>
+        <circle cx="9" cy="19" r="1"></circle>
+        <circle cx="15" cy="12" r="1"></circle>
+        <circle cx="15" cy="5" r="1"></circle>
+        <circle cx="15" cy="19" r="1"></circle>
+      </svg>
+    );
+  }
+);
+
+GripVertical.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+GripVertical.displayName = "GripVertical";
+
+export default GripVertical;
diff --git a/packages/react/src/icons/hard-drive.js b/packages/react/src/icons/hard-drive.js
index 6d6e8f0..af49fc2 100644
--- a/packages/react/src/icons/hard-drive.js
+++ b/packages/react/src/icons/hard-drive.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const HardDrive = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const HardDrive = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const HardDrive = forwardRef(
 HardDrive.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 HardDrive.displayName = "HardDrive";
diff --git a/packages/react/src/icons/hash.js b/packages/react/src/icons/hash.js
index 9ae72ea..8cbaf4a 100644
--- a/packages/react/src/icons/hash.js
+++ b/packages/react/src/icons/hash.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Hash = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Hash = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Hash = forwardRef(
 Hash.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Hash.displayName = "Hash";
diff --git a/packages/react/src/icons/headphones.js b/packages/react/src/icons/headphones.js
index b659d2b..541fd58 100644
--- a/packages/react/src/icons/headphones.js
+++ b/packages/react/src/icons/headphones.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Headphones = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Headphones = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Headphones = forwardRef(
 Headphones.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Headphones.displayName = "Headphones";
diff --git a/packages/react/src/icons/heart.js b/packages/react/src/icons/heart.js
index e302f59..0cef613 100644
--- a/packages/react/src/icons/heart.js
+++ b/packages/react/src/icons/heart.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Heart = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Heart = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Heart = forwardRef(
 Heart.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Heart.displayName = "Heart";
diff --git a/packages/react/src/icons/help-circle.js b/packages/react/src/icons/help-circle.js
index 1fd90bd..9507d33 100644
--- a/packages/react/src/icons/help-circle.js
+++ b/packages/react/src/icons/help-circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const HelpCircle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const HelpCircle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const HelpCircle = forwardRef(
 HelpCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 HelpCircle.displayName = "HelpCircle";
diff --git a/packages/react/src/icons/hexagon.js b/packages/react/src/icons/hexagon.js
index d5bf9bb..a2df37d 100644
--- a/packages/react/src/icons/hexagon.js
+++ b/packages/react/src/icons/hexagon.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Hexagon = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Hexagon = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Hexagon = forwardRef(
 Hexagon.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Hexagon.displayName = "Hexagon";
diff --git a/packages/react/src/icons/home.js b/packages/react/src/icons/home.js
index 085be9a..a10c08d 100644
--- a/packages/react/src/icons/home.js
+++ b/packages/react/src/icons/home.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Home = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Home = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Home = forwardRef(
 Home.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Home.displayName = "Home";
diff --git a/packages/react/src/icons/image.js b/packages/react/src/icons/image.js
index 2c4441f..9c0b6b3 100644
--- a/packages/react/src/icons/image.js
+++ b/packages/react/src/icons/image.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Image = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Image = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Image = forwardRef(
 Image.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Image.displayName = "Image";
diff --git a/packages/react/src/icons/inbox.js b/packages/react/src/icons/inbox.js
index d03cceb..8d36127 100644
--- a/packages/react/src/icons/inbox.js
+++ b/packages/react/src/icons/inbox.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Inbox = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Inbox = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Inbox = forwardRef(
 Inbox.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Inbox.displayName = "Inbox";
diff --git a/packages/react/src/icons/info.js b/packages/react/src/icons/info.js
index 4efbc24..ab1d33d 100644
--- a/packages/react/src/icons/info.js
+++ b/packages/react/src/icons/info.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Info = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Info = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Info = forwardRef(
 Info.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Info.displayName = "Info";
diff --git a/packages/react/src/icons/instagram.js b/packages/react/src/icons/instagram.js
index 9c12072..7ab9f9c 100644
--- a/packages/react/src/icons/instagram.js
+++ b/packages/react/src/icons/instagram.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Instagram = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Instagram = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Instagram = forwardRef(
 Instagram.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Instagram.displayName = "Instagram";
diff --git a/packages/react/src/icons/italic.js b/packages/react/src/icons/italic.js
index b92d4f5..a1e1291 100644
--- a/packages/react/src/icons/italic.js
+++ b/packages/react/src/icons/italic.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Italic = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Italic = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Italic = forwardRef(
 Italic.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Italic.displayName = "Italic";
diff --git a/packages/react/src/icons/key.js b/packages/react/src/icons/key.js
index 3184ef8..4e08dfe 100644
--- a/packages/react/src/icons/key.js
+++ b/packages/react/src/icons/key.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Key = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Key = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Key = forwardRef(
 Key.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Key.displayName = "Key";
diff --git a/packages/react/src/icons/languages.js b/packages/react/src/icons/languages.js
new file mode 100644
index 0000000..e423be3
--- /dev/null
+++ b/packages/react/src/icons/languages.js
@@ -0,0 +1,39 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const Languages = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <line x1="5" y1="8" x2="11" y2="14"></line>
+        <path d="M4 14L10 8L12 5"></path>
+        <line x1="2" y1="5" x2="14" y2="5"></line>
+        <line x1="7" y1="2" x2="8" y2="2"></line>
+        <path d="M22 21L17 11L12 21"></path>
+        <line x1="14" y1="17" x2="20" y2="17"></line>
+      </svg>
+    );
+  }
+);
+
+Languages.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+Languages.displayName = "Languages";
+
+export default Languages;
diff --git a/packages/react/src/icons/layers.js b/packages/react/src/icons/layers.js
index 1711a59..dde0307 100644
--- a/packages/react/src/icons/layers.js
+++ b/packages/react/src/icons/layers.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Layers = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Layers = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Layers = forwardRef(
 Layers.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Layers.displayName = "Layers";
diff --git a/packages/react/src/icons/layout.js b/packages/react/src/icons/layout.js
index c49bf64..7cf8f3b 100644
--- a/packages/react/src/icons/layout.js
+++ b/packages/react/src/icons/layout.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Layout = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Layout = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Layout = forwardRef(
 Layout.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Layout.displayName = "Layout";
diff --git a/packages/react/src/icons/life-buoy.js b/packages/react/src/icons/life-buoy.js
index 90be215..5a0f6a7 100644
--- a/packages/react/src/icons/life-buoy.js
+++ b/packages/react/src/icons/life-buoy.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const LifeBuoy = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const LifeBuoy = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -32,6 +32,7 @@ const LifeBuoy = forwardRef(
 LifeBuoy.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 LifeBuoy.displayName = "LifeBuoy";
diff --git a/packages/react/src/icons/link-2-off.js b/packages/react/src/icons/link-2-off.js
new file mode 100644
index 0000000..525e468
--- /dev/null
+++ b/packages/react/src/icons/link-2-off.js
@@ -0,0 +1,36 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const Link2Off = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <path d="M15 7h2a5 5 0 0 1 4 8M9 17H7A5 5 0 0 1 7 7"></path>
+        <line x1="8" y1="12" x2="12" y2="12"></line>
+        <line x1="2" y1="2" x2="22" y2="22"></line>
+      </svg>
+    );
+  }
+);
+
+Link2Off.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+Link2Off.displayName = "Link2Off";
+
+export default Link2Off;
diff --git a/packages/react/src/icons/link-2.js b/packages/react/src/icons/link-2.js
index cd247c2..2504b1a 100644
--- a/packages/react/src/icons/link-2.js
+++ b/packages/react/src/icons/link-2.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Link2 = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,12 +12,12 @@ const Link2 = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
       >
-        <path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path>
+        <path d="M15 7h2a5 5 0 0 1 0 10H15M9 17H7A5 5 0 0 1 7 7H9"></path>
         <line x1="8" y1="12" x2="16" y2="12"></line>
       </svg>
     );
@@ -27,6 +27,7 @@ const Link2 = forwardRef(
 Link2.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Link2.displayName = "Link2";
diff --git a/packages/react/src/icons/link.js b/packages/react/src/icons/link.js
index 0f6d494..d6ff006 100644
--- a/packages/react/src/icons/link.js
+++ b/packages/react/src/icons/link.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Link = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Link = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Link = forwardRef(
 Link.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Link.displayName = "Link";
diff --git a/packages/react/src/icons/linkedin.js b/packages/react/src/icons/linkedin.js
index 596c476..4b526ee 100644
--- a/packages/react/src/icons/linkedin.js
+++ b/packages/react/src/icons/linkedin.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Linkedin = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Linkedin = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Linkedin = forwardRef(
 Linkedin.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Linkedin.displayName = "Linkedin";
diff --git a/packages/react/src/icons/list.js b/packages/react/src/icons/list.js
index a0a27a4..96f284e 100644
--- a/packages/react/src/icons/list.js
+++ b/packages/react/src/icons/list.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const List = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const List = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -31,6 +31,7 @@ const List = forwardRef(
 List.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 List.displayName = "List";
diff --git a/packages/react/src/icons/loader.js b/packages/react/src/icons/loader.js
index 858262c..d5e9994 100644
--- a/packages/react/src/icons/loader.js
+++ b/packages/react/src/icons/loader.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Loader = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Loader = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -33,6 +33,7 @@ const Loader = forwardRef(
 Loader.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Loader.displayName = "Loader";
diff --git a/packages/react/src/icons/lock.js b/packages/react/src/icons/lock.js
index b493d83..3d34a96 100644
--- a/packages/react/src/icons/lock.js
+++ b/packages/react/src/icons/lock.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Lock = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Lock = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Lock = forwardRef(
 Lock.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Lock.displayName = "Lock";
diff --git a/packages/react/src/icons/log-in.js b/packages/react/src/icons/log-in.js
index 54433af..d551f53 100644
--- a/packages/react/src/icons/log-in.js
+++ b/packages/react/src/icons/log-in.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const LogIn = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const LogIn = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const LogIn = forwardRef(
 LogIn.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 LogIn.displayName = "LogIn";
diff --git a/packages/react/src/icons/log-out.js b/packages/react/src/icons/log-out.js
index 05037b8..6efbfdd 100644
--- a/packages/react/src/icons/log-out.js
+++ b/packages/react/src/icons/log-out.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const LogOut = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const LogOut = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const LogOut = forwardRef(
 LogOut.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 LogOut.displayName = "LogOut";
diff --git a/packages/react/src/icons/mail.js b/packages/react/src/icons/mail.js
index 6fd97d3..b7aa5c7 100644
--- a/packages/react/src/icons/mail.js
+++ b/packages/react/src/icons/mail.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Mail = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Mail = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Mail = forwardRef(
 Mail.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Mail.displayName = "Mail";
diff --git a/packages/react/src/icons/map-pin.js b/packages/react/src/icons/map-pin.js
index 2e2da3a..4df3c18 100644
--- a/packages/react/src/icons/map-pin.js
+++ b/packages/react/src/icons/map-pin.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const MapPin = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const MapPin = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const MapPin = forwardRef(
 MapPin.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 MapPin.displayName = "MapPin";
diff --git a/packages/react/src/icons/map.js b/packages/react/src/icons/map.js
index adfbea9..747e132 100644
--- a/packages/react/src/icons/map.js
+++ b/packages/react/src/icons/map.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Map = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Map = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Map = forwardRef(
 Map.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Map.displayName = "Map";
diff --git a/packages/react/src/icons/maximize-2.js b/packages/react/src/icons/maximize-2.js
index 65b3eb8..f926bfb 100644
--- a/packages/react/src/icons/maximize-2.js
+++ b/packages/react/src/icons/maximize-2.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Maximize2 = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Maximize2 = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Maximize2 = forwardRef(
 Maximize2.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Maximize2.displayName = "Maximize2";
diff --git a/packages/react/src/icons/maximize.js b/packages/react/src/icons/maximize.js
index 00e5f39..49a1b87 100644
--- a/packages/react/src/icons/maximize.js
+++ b/packages/react/src/icons/maximize.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Maximize = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Maximize = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Maximize = forwardRef(
 Maximize.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Maximize.displayName = "Maximize";
diff --git a/packages/react/src/icons/meh.js b/packages/react/src/icons/meh.js
index 51e7daa..aae17de 100644
--- a/packages/react/src/icons/meh.js
+++ b/packages/react/src/icons/meh.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Meh = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Meh = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Meh = forwardRef(
 Meh.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Meh.displayName = "Meh";
diff --git a/packages/react/src/icons/menu.js b/packages/react/src/icons/menu.js
index e4ac42b..476b982 100644
--- a/packages/react/src/icons/menu.js
+++ b/packages/react/src/icons/menu.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Menu = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Menu = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Menu = forwardRef(
 Menu.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Menu.displayName = "Menu";
diff --git a/packages/react/src/icons/message-circle.js b/packages/react/src/icons/message-circle.js
index f0f0da7..71e4b2b 100644
--- a/packages/react/src/icons/message-circle.js
+++ b/packages/react/src/icons/message-circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const MessageCircle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const MessageCircle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const MessageCircle = forwardRef(
 MessageCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 MessageCircle.displayName = "MessageCircle";
diff --git a/packages/react/src/icons/message-square.js b/packages/react/src/icons/message-square.js
index 15429da..74035cb 100644
--- a/packages/react/src/icons/message-square.js
+++ b/packages/react/src/icons/message-square.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const MessageSquare = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const MessageSquare = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const MessageSquare = forwardRef(
 MessageSquare.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 MessageSquare.displayName = "MessageSquare";
diff --git a/packages/react/src/icons/mic-off.js b/packages/react/src/icons/mic-off.js
index a70347d..463d73a 100644
--- a/packages/react/src/icons/mic-off.js
+++ b/packages/react/src/icons/mic-off.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const MicOff = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const MicOff = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -30,6 +30,7 @@ const MicOff = forwardRef(
 MicOff.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 MicOff.displayName = "MicOff";
diff --git a/packages/react/src/icons/mic.js b/packages/react/src/icons/mic.js
index 1836d9d..1c17280 100644
--- a/packages/react/src/icons/mic.js
+++ b/packages/react/src/icons/mic.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Mic = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Mic = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Mic = forwardRef(
 Mic.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Mic.displayName = "Mic";
diff --git a/packages/react/src/icons/minimize-2.js b/packages/react/src/icons/minimize-2.js
index 8e0e6f4..4d34c15 100644
--- a/packages/react/src/icons/minimize-2.js
+++ b/packages/react/src/icons/minimize-2.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Minimize2 = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Minimize2 = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Minimize2 = forwardRef(
 Minimize2.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Minimize2.displayName = "Minimize2";
diff --git a/packages/react/src/icons/minimize.js b/packages/react/src/icons/minimize.js
index a3156de..a76be9e 100644
--- a/packages/react/src/icons/minimize.js
+++ b/packages/react/src/icons/minimize.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Minimize = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Minimize = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Minimize = forwardRef(
 Minimize.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Minimize.displayName = "Minimize";
diff --git a/packages/react/src/icons/minus-circle.js b/packages/react/src/icons/minus-circle.js
index 17132fc..e05e833 100644
--- a/packages/react/src/icons/minus-circle.js
+++ b/packages/react/src/icons/minus-circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const MinusCircle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const MinusCircle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const MinusCircle = forwardRef(
 MinusCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 MinusCircle.displayName = "MinusCircle";
diff --git a/packages/react/src/icons/minus-square.js b/packages/react/src/icons/minus-square.js
index e52ea33..fde97b0 100644
--- a/packages/react/src/icons/minus-square.js
+++ b/packages/react/src/icons/minus-square.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const MinusSquare = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const MinusSquare = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const MinusSquare = forwardRef(
 MinusSquare.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 MinusSquare.displayName = "MinusSquare";
diff --git a/packages/react/src/icons/minus.js b/packages/react/src/icons/minus.js
index aaf1bf3..6984e66 100644
--- a/packages/react/src/icons/minus.js
+++ b/packages/react/src/icons/minus.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Minus = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Minus = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Minus = forwardRef(
 Minus.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Minus.displayName = "Minus";
diff --git a/packages/react/src/icons/monitor.js b/packages/react/src/icons/monitor.js
index 35837f9..0dc0e5c 100644
--- a/packages/react/src/icons/monitor.js
+++ b/packages/react/src/icons/monitor.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Monitor = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Monitor = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Monitor = forwardRef(
 Monitor.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Monitor.displayName = "Monitor";
diff --git a/packages/react/src/icons/moon.js b/packages/react/src/icons/moon.js
index 28b3f4e..e5df719 100644
--- a/packages/react/src/icons/moon.js
+++ b/packages/react/src/icons/moon.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Moon = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Moon = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Moon = forwardRef(
 Moon.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Moon.displayName = "Moon";
diff --git a/packages/react/src/icons/more-horizontal.js b/packages/react/src/icons/more-horizontal.js
index 4064a17..7d8d81d 100644
--- a/packages/react/src/icons/more-horizontal.js
+++ b/packages/react/src/icons/more-horizontal.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const MoreHorizontal = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const MoreHorizontal = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const MoreHorizontal = forwardRef(
 MoreHorizontal.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 MoreHorizontal.displayName = "MoreHorizontal";
diff --git a/packages/react/src/icons/more-vertical.js b/packages/react/src/icons/more-vertical.js
index 08137c7..5dc66fe 100644
--- a/packages/react/src/icons/more-vertical.js
+++ b/packages/react/src/icons/more-vertical.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const MoreVertical = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const MoreVertical = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const MoreVertical = forwardRef(
 MoreVertical.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 MoreVertical.displayName = "MoreVertical";
diff --git a/packages/react/src/icons/mouse-pointer.js b/packages/react/src/icons/mouse-pointer.js
index 754d912..8a0ca3d 100644
--- a/packages/react/src/icons/mouse-pointer.js
+++ b/packages/react/src/icons/mouse-pointer.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const MousePointer = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const MousePointer = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const MousePointer = forwardRef(
 MousePointer.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 MousePointer.displayName = "MousePointer";
diff --git a/packages/react/src/icons/move.js b/packages/react/src/icons/move.js
index 0d83fd2..592730e 100644
--- a/packages/react/src/icons/move.js
+++ b/packages/react/src/icons/move.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Move = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Move = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -31,6 +31,7 @@ const Move = forwardRef(
 Move.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Move.displayName = "Move";
diff --git a/packages/react/src/icons/music.js b/packages/react/src/icons/music.js
index ef1e7ae..74f5381 100644
--- a/packages/react/src/icons/music.js
+++ b/packages/react/src/icons/music.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Music = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Music = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Music = forwardRef(
 Music.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Music.displayName = "Music";
diff --git a/packages/react/src/icons/navigation-2.js b/packages/react/src/icons/navigation-2.js
index e14a529..ea3916b 100644
--- a/packages/react/src/icons/navigation-2.js
+++ b/packages/react/src/icons/navigation-2.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Navigation2 = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Navigation2 = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Navigation2 = forwardRef(
 Navigation2.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Navigation2.displayName = "Navigation2";
diff --git a/packages/react/src/icons/navigation.js b/packages/react/src/icons/navigation.js
index e8626da..48bdcb5 100644
--- a/packages/react/src/icons/navigation.js
+++ b/packages/react/src/icons/navigation.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Navigation = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Navigation = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Navigation = forwardRef(
 Navigation.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Navigation.displayName = "Navigation";
diff --git a/packages/react/src/icons/octagon.js b/packages/react/src/icons/octagon.js
index 7537af6..67d51ad 100644
--- a/packages/react/src/icons/octagon.js
+++ b/packages/react/src/icons/octagon.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Octagon = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Octagon = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Octagon = forwardRef(
 Octagon.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Octagon.displayName = "Octagon";
diff --git a/packages/react/src/icons/package.js b/packages/react/src/icons/package.js
index 5f33909..d23d10a 100644
--- a/packages/react/src/icons/package.js
+++ b/packages/react/src/icons/package.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Package = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Package = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Package = forwardRef(
 Package.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Package.displayName = "Package";
diff --git a/packages/react/src/icons/paperclip.js b/packages/react/src/icons/paperclip.js
index ac8672b..ea0b128 100644
--- a/packages/react/src/icons/paperclip.js
+++ b/packages/react/src/icons/paperclip.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Paperclip = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Paperclip = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Paperclip = forwardRef(
 Paperclip.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Paperclip.displayName = "Paperclip";
diff --git a/packages/react/src/icons/pause-circle.js b/packages/react/src/icons/pause-circle.js
index 7568db3..b688908 100644
--- a/packages/react/src/icons/pause-circle.js
+++ b/packages/react/src/icons/pause-circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const PauseCircle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const PauseCircle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const PauseCircle = forwardRef(
 PauseCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 PauseCircle.displayName = "PauseCircle";
diff --git a/packages/react/src/icons/pause.js b/packages/react/src/icons/pause.js
index 293490e..81171a6 100644
--- a/packages/react/src/icons/pause.js
+++ b/packages/react/src/icons/pause.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Pause = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Pause = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Pause = forwardRef(
 Pause.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Pause.displayName = "Pause";
diff --git a/packages/react/src/icons/pen-tool.js b/packages/react/src/icons/pen-tool.js
index 552c9fd..32f9cdf 100644
--- a/packages/react/src/icons/pen-tool.js
+++ b/packages/react/src/icons/pen-tool.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const PenTool = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const PenTool = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const PenTool = forwardRef(
 PenTool.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 PenTool.displayName = "PenTool";
diff --git a/packages/react/src/icons/percent.js b/packages/react/src/icons/percent.js
index 5a49043..592cbf3 100644
--- a/packages/react/src/icons/percent.js
+++ b/packages/react/src/icons/percent.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Percent = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Percent = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Percent = forwardRef(
 Percent.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Percent.displayName = "Percent";
diff --git a/packages/react/src/icons/phone-call.js b/packages/react/src/icons/phone-call.js
index 5d31972..aa380c6 100644
--- a/packages/react/src/icons/phone-call.js
+++ b/packages/react/src/icons/phone-call.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const PhoneCall = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const PhoneCall = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const PhoneCall = forwardRef(
 PhoneCall.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 PhoneCall.displayName = "PhoneCall";
diff --git a/packages/react/src/icons/phone-forwarded.js b/packages/react/src/icons/phone-forwarded.js
index da29e64..221f1f7 100644
--- a/packages/react/src/icons/phone-forwarded.js
+++ b/packages/react/src/icons/phone-forwarded.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const PhoneForwarded = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const PhoneForwarded = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const PhoneForwarded = forwardRef(
 PhoneForwarded.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 PhoneForwarded.displayName = "PhoneForwarded";
diff --git a/packages/react/src/icons/phone-incoming.js b/packages/react/src/icons/phone-incoming.js
index 0344081..ab01684 100644
--- a/packages/react/src/icons/phone-incoming.js
+++ b/packages/react/src/icons/phone-incoming.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const PhoneIncoming = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const PhoneIncoming = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const PhoneIncoming = forwardRef(
 PhoneIncoming.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 PhoneIncoming.displayName = "PhoneIncoming";
diff --git a/packages/react/src/icons/phone-missed.js b/packages/react/src/icons/phone-missed.js
index 8230f22..e0cba06 100644
--- a/packages/react/src/icons/phone-missed.js
+++ b/packages/react/src/icons/phone-missed.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const PhoneMissed = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const PhoneMissed = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const PhoneMissed = forwardRef(
 PhoneMissed.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 PhoneMissed.displayName = "PhoneMissed";
diff --git a/packages/react/src/icons/phone-off.js b/packages/react/src/icons/phone-off.js
index 858a82d..ee7ee27 100644
--- a/packages/react/src/icons/phone-off.js
+++ b/packages/react/src/icons/phone-off.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const PhoneOff = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const PhoneOff = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const PhoneOff = forwardRef(
 PhoneOff.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 PhoneOff.displayName = "PhoneOff";
diff --git a/packages/react/src/icons/phone-outgoing.js b/packages/react/src/icons/phone-outgoing.js
index 1429544..476d506 100644
--- a/packages/react/src/icons/phone-outgoing.js
+++ b/packages/react/src/icons/phone-outgoing.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const PhoneOutgoing = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const PhoneOutgoing = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const PhoneOutgoing = forwardRef(
 PhoneOutgoing.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 PhoneOutgoing.displayName = "PhoneOutgoing";
diff --git a/packages/react/src/icons/phone.js b/packages/react/src/icons/phone.js
index fbf55ec..d7d0c20 100644
--- a/packages/react/src/icons/phone.js
+++ b/packages/react/src/icons/phone.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Phone = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Phone = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Phone = forwardRef(
 Phone.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Phone.displayName = "Phone";
diff --git a/packages/react/src/icons/pie-chart.js b/packages/react/src/icons/pie-chart.js
index c873a7d..468121b 100644
--- a/packages/react/src/icons/pie-chart.js
+++ b/packages/react/src/icons/pie-chart.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const PieChart = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const PieChart = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const PieChart = forwardRef(
 PieChart.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 PieChart.displayName = "PieChart";
diff --git a/packages/react/src/icons/play-circle.js b/packages/react/src/icons/play-circle.js
index d543960..34df657 100644
--- a/packages/react/src/icons/play-circle.js
+++ b/packages/react/src/icons/play-circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const PlayCircle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const PlayCircle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const PlayCircle = forwardRef(
 PlayCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 PlayCircle.displayName = "PlayCircle";
diff --git a/packages/react/src/icons/play.js b/packages/react/src/icons/play.js
index 7bc5637..9780db2 100644
--- a/packages/react/src/icons/play.js
+++ b/packages/react/src/icons/play.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Play = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Play = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Play = forwardRef(
 Play.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Play.displayName = "Play";
diff --git a/packages/react/src/icons/plus-circle.js b/packages/react/src/icons/plus-circle.js
index d48004b..7c40bcd 100644
--- a/packages/react/src/icons/plus-circle.js
+++ b/packages/react/src/icons/plus-circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const PlusCircle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const PlusCircle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const PlusCircle = forwardRef(
 PlusCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 PlusCircle.displayName = "PlusCircle";
diff --git a/packages/react/src/icons/plus-square.js b/packages/react/src/icons/plus-square.js
index 693dbaf..b0dd928 100644
--- a/packages/react/src/icons/plus-square.js
+++ b/packages/react/src/icons/plus-square.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const PlusSquare = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const PlusSquare = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const PlusSquare = forwardRef(
 PlusSquare.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 PlusSquare.displayName = "PlusSquare";
diff --git a/packages/react/src/icons/plus.js b/packages/react/src/icons/plus.js
index 8f215be..45809f0 100644
--- a/packages/react/src/icons/plus.js
+++ b/packages/react/src/icons/plus.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Plus = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Plus = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Plus = forwardRef(
 Plus.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Plus.displayName = "Plus";
diff --git a/packages/react/src/icons/pocket.js b/packages/react/src/icons/pocket.js
index 5bf6601..33c8e63 100644
--- a/packages/react/src/icons/pocket.js
+++ b/packages/react/src/icons/pocket.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Pocket = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Pocket = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Pocket = forwardRef(
 Pocket.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Pocket.displayName = "Pocket";
diff --git a/packages/react/src/icons/power.js b/packages/react/src/icons/power.js
index 67ae3ad..d0df479 100644
--- a/packages/react/src/icons/power.js
+++ b/packages/react/src/icons/power.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Power = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Power = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Power = forwardRef(
 Power.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Power.displayName = "Power";
diff --git a/packages/react/src/icons/printer.js b/packages/react/src/icons/printer.js
index a6f5737..f04c3ab 100644
--- a/packages/react/src/icons/printer.js
+++ b/packages/react/src/icons/printer.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Printer = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Printer = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Printer = forwardRef(
 Printer.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Printer.displayName = "Printer";
diff --git a/packages/react/src/icons/radio.js b/packages/react/src/icons/radio.js
index e7cb3a5..b789f01 100644
--- a/packages/react/src/icons/radio.js
+++ b/packages/react/src/icons/radio.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Radio = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Radio = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Radio = forwardRef(
 Radio.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Radio.displayName = "Radio";
diff --git a/packages/react/src/icons/refresh-ccw.js b/packages/react/src/icons/refresh-ccw.js
index 269ffa6..385b06e 100644
--- a/packages/react/src/icons/refresh-ccw.js
+++ b/packages/react/src/icons/refresh-ccw.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const RefreshCcw = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const RefreshCcw = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const RefreshCcw = forwardRef(
 RefreshCcw.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 RefreshCcw.displayName = "RefreshCcw";
diff --git a/packages/react/src/icons/refresh-cw.js b/packages/react/src/icons/refresh-cw.js
index 4a870a1..85b5f90 100644
--- a/packages/react/src/icons/refresh-cw.js
+++ b/packages/react/src/icons/refresh-cw.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const RefreshCw = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const RefreshCw = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const RefreshCw = forwardRef(
 RefreshCw.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 RefreshCw.displayName = "RefreshCw";
diff --git a/packages/react/src/icons/repeat.js b/packages/react/src/icons/repeat.js
index c4db2fb..3be33c5 100644
--- a/packages/react/src/icons/repeat.js
+++ b/packages/react/src/icons/repeat.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Repeat = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Repeat = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Repeat = forwardRef(
 Repeat.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Repeat.displayName = "Repeat";
diff --git a/packages/react/src/icons/rewind.js b/packages/react/src/icons/rewind.js
index a47b9fd..c745673 100644
--- a/packages/react/src/icons/rewind.js
+++ b/packages/react/src/icons/rewind.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Rewind = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Rewind = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Rewind = forwardRef(
 Rewind.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Rewind.displayName = "Rewind";
diff --git a/packages/react/src/icons/rotate-ccw.js b/packages/react/src/icons/rotate-ccw.js
index ed9e1f1..0283101 100644
--- a/packages/react/src/icons/rotate-ccw.js
+++ b/packages/react/src/icons/rotate-ccw.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const RotateCcw = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const RotateCcw = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const RotateCcw = forwardRef(
 RotateCcw.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 RotateCcw.displayName = "RotateCcw";
diff --git a/packages/react/src/icons/rotate-cw.js b/packages/react/src/icons/rotate-cw.js
index 6e4a509..992ef30 100644
--- a/packages/react/src/icons/rotate-cw.js
+++ b/packages/react/src/icons/rotate-cw.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const RotateCw = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const RotateCw = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const RotateCw = forwardRef(
 RotateCw.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 RotateCw.displayName = "RotateCw";
diff --git a/packages/react/src/icons/rss.js b/packages/react/src/icons/rss.js
index 6135bd5..c6cf1cb 100644
--- a/packages/react/src/icons/rss.js
+++ b/packages/react/src/icons/rss.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Rss = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Rss = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Rss = forwardRef(
 Rss.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Rss.displayName = "Rss";
diff --git a/packages/react/src/icons/save.js b/packages/react/src/icons/save.js
index 4f052d3..28fa5ad 100644
--- a/packages/react/src/icons/save.js
+++ b/packages/react/src/icons/save.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Save = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Save = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Save = forwardRef(
 Save.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Save.displayName = "Save";
diff --git a/packages/react/src/icons/scissors.js b/packages/react/src/icons/scissors.js
index 402bbad..2da6559 100644
--- a/packages/react/src/icons/scissors.js
+++ b/packages/react/src/icons/scissors.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Scissors = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Scissors = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -30,6 +30,7 @@ const Scissors = forwardRef(
 Scissors.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Scissors.displayName = "Scissors";
diff --git a/packages/react/src/icons/screen-share-off.js b/packages/react/src/icons/screen-share-off.js
new file mode 100644
index 0000000..b429a28
--- /dev/null
+++ b/packages/react/src/icons/screen-share-off.js
@@ -0,0 +1,38 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const ScreenShareOff = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <path d="M13 3H4C2.89543 3 2 3.89543 2 5V15C2 16.1046 2.89543 17 4 17H20C21.1046 17 22 16.1046 22 15V12"></path>
+        <path d="M8 21H16"></path>
+        <path d="M12 17V21"></path>
+        <path d="M22 3L17 8"></path>
+        <path d="M17 3L22 8"></path>
+      </svg>
+    );
+  }
+);
+
+ScreenShareOff.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+ScreenShareOff.displayName = "ScreenShareOff";
+
+export default ScreenShareOff;
diff --git a/packages/react/src/icons/screen-share.js b/packages/react/src/icons/screen-share.js
new file mode 100644
index 0000000..5b9ee5e
--- /dev/null
+++ b/packages/react/src/icons/screen-share.js
@@ -0,0 +1,38 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const ScreenShare = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <path d="M13 3H4C2.89543 3 2 3.89543 2 5V15C2 16.1046 2.89543 17 4 17H20C21.1046 17 22 16.1046 22 15V12"></path>
+        <path d="M8 21H16"></path>
+        <path d="M12 17V21"></path>
+        <path d="M17 8L22 3"></path>
+        <path d="M17 3H22V8"></path>
+      </svg>
+    );
+  }
+);
+
+ScreenShare.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+ScreenShare.displayName = "ScreenShare";
+
+export default ScreenShare;
diff --git a/packages/react/src/icons/search.js b/packages/react/src/icons/search.js
index 91aeccb..ab181fd 100644
--- a/packages/react/src/icons/search.js
+++ b/packages/react/src/icons/search.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Search = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Search = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Search = forwardRef(
 Search.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Search.displayName = "Search";
diff --git a/packages/react/src/icons/send.js b/packages/react/src/icons/send.js
index 6e2e4da..6eedaad 100644
--- a/packages/react/src/icons/send.js
+++ b/packages/react/src/icons/send.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Send = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Send = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Send = forwardRef(
 Send.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Send.displayName = "Send";
diff --git a/packages/react/src/icons/server.js b/packages/react/src/icons/server.js
index e060551..daa2f2e 100644
--- a/packages/react/src/icons/server.js
+++ b/packages/react/src/icons/server.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Server = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Server = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Server = forwardRef(
 Server.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Server.displayName = "Server";
diff --git a/packages/react/src/icons/settings.js b/packages/react/src/icons/settings.js
index de562d1..fc88cbd 100644
--- a/packages/react/src/icons/settings.js
+++ b/packages/react/src/icons/settings.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Settings = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Settings = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Settings = forwardRef(
 Settings.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Settings.displayName = "Settings";
diff --git a/packages/react/src/icons/share-2.js b/packages/react/src/icons/share-2.js
index 27f0289..fd96fee 100644
--- a/packages/react/src/icons/share-2.js
+++ b/packages/react/src/icons/share-2.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Share2 = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Share2 = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -30,6 +30,7 @@ const Share2 = forwardRef(
 Share2.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Share2.displayName = "Share2";
diff --git a/packages/react/src/icons/share.js b/packages/react/src/icons/share.js
index 54b123e..5ba43a5 100644
--- a/packages/react/src/icons/share.js
+++ b/packages/react/src/icons/share.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Share = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Share = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Share = forwardRef(
 Share.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Share.displayName = "Share";
diff --git a/packages/react/src/icons/shield-off.js b/packages/react/src/icons/shield-off.js
index 670d4dd..5aaec56 100644
--- a/packages/react/src/icons/shield-off.js
+++ b/packages/react/src/icons/shield-off.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ShieldOff = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ShieldOff = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const ShieldOff = forwardRef(
 ShieldOff.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ShieldOff.displayName = "ShieldOff";
diff --git a/packages/react/src/icons/shield.js b/packages/react/src/icons/shield.js
index fd54b21..efa8cff 100644
--- a/packages/react/src/icons/shield.js
+++ b/packages/react/src/icons/shield.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Shield = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Shield = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Shield = forwardRef(
 Shield.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Shield.displayName = "Shield";
diff --git a/packages/react/src/icons/shopping-bag.js b/packages/react/src/icons/shopping-bag.js
index 9bb1ba8..fd646fe 100644
--- a/packages/react/src/icons/shopping-bag.js
+++ b/packages/react/src/icons/shopping-bag.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ShoppingBag = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ShoppingBag = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const ShoppingBag = forwardRef(
 ShoppingBag.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ShoppingBag.displayName = "ShoppingBag";
diff --git a/packages/react/src/icons/shopping-cart.js b/packages/react/src/icons/shopping-cart.js
index 6ace9fc..2fa94de 100644
--- a/packages/react/src/icons/shopping-cart.js
+++ b/packages/react/src/icons/shopping-cart.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ShoppingCart = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ShoppingCart = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const ShoppingCart = forwardRef(
 ShoppingCart.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ShoppingCart.displayName = "ShoppingCart";
diff --git a/packages/react/src/icons/shuffle.js b/packages/react/src/icons/shuffle.js
index 6b1f988..219b9d6 100644
--- a/packages/react/src/icons/shuffle.js
+++ b/packages/react/src/icons/shuffle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Shuffle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Shuffle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -30,6 +30,7 @@ const Shuffle = forwardRef(
 Shuffle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Shuffle.displayName = "Shuffle";
diff --git a/packages/react/src/icons/sidebar.js b/packages/react/src/icons/sidebar.js
index 1bb20f6..1b8b842 100644
--- a/packages/react/src/icons/sidebar.js
+++ b/packages/react/src/icons/sidebar.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Sidebar = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Sidebar = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Sidebar = forwardRef(
 Sidebar.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Sidebar.displayName = "Sidebar";
diff --git a/packages/react/src/icons/skip-back.js b/packages/react/src/icons/skip-back.js
index dd949f7..1cd49b7 100644
--- a/packages/react/src/icons/skip-back.js
+++ b/packages/react/src/icons/skip-back.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const SkipBack = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const SkipBack = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const SkipBack = forwardRef(
 SkipBack.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 SkipBack.displayName = "SkipBack";
diff --git a/packages/react/src/icons/skip-forward.js b/packages/react/src/icons/skip-forward.js
index 62420e7..6501922 100644
--- a/packages/react/src/icons/skip-forward.js
+++ b/packages/react/src/icons/skip-forward.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const SkipForward = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const SkipForward = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const SkipForward = forwardRef(
 SkipForward.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 SkipForward.displayName = "SkipForward";
diff --git a/packages/react/src/icons/slack.js b/packages/react/src/icons/slack.js
index 6cc13a9..1259082 100644
--- a/packages/react/src/icons/slack.js
+++ b/packages/react/src/icons/slack.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Slack = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Slack = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -33,6 +33,7 @@ const Slack = forwardRef(
 Slack.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Slack.displayName = "Slack";
diff --git a/packages/react/src/icons/slash.js b/packages/react/src/icons/slash.js
index f516357..0a59fa1 100644
--- a/packages/react/src/icons/slash.js
+++ b/packages/react/src/icons/slash.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Slash = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Slash = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Slash = forwardRef(
 Slash.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Slash.displayName = "Slash";
diff --git a/packages/react/src/icons/sliders.js b/packages/react/src/icons/sliders.js
index 2101983..d9ed150 100644
--- a/packages/react/src/icons/sliders.js
+++ b/packages/react/src/icons/sliders.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Sliders = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Sliders = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -34,6 +34,7 @@ const Sliders = forwardRef(
 Sliders.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Sliders.displayName = "Sliders";
diff --git a/packages/react/src/icons/smartphone.js b/packages/react/src/icons/smartphone.js
index 2d1a2ba..d5fed05 100644
--- a/packages/react/src/icons/smartphone.js
+++ b/packages/react/src/icons/smartphone.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Smartphone = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Smartphone = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Smartphone = forwardRef(
 Smartphone.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Smartphone.displayName = "Smartphone";
diff --git a/packages/react/src/icons/smile.js b/packages/react/src/icons/smile.js
index 7ff3573..091e761 100644
--- a/packages/react/src/icons/smile.js
+++ b/packages/react/src/icons/smile.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Smile = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Smile = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Smile = forwardRef(
 Smile.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Smile.displayName = "Smile";
diff --git a/packages/react/src/icons/snowflake.js b/packages/react/src/icons/snowflake.js
new file mode 100644
index 0000000..54e699c
--- /dev/null
+++ b/packages/react/src/icons/snowflake.js
@@ -0,0 +1,39 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const Snowflake = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <line x1="2" y1="12" x2="22" y2="12"></line>
+        <line x1="12" y1="2" x2="12" y2="22"></line>
+        <path d="M20 16L16 12L20 8"></path>
+        <path d="M4 8L8 12L4 16"></path>
+        <path d="M16 4L12 8L8 4"></path>
+        <path d="M8 20L12 16L16 20"></path>
+      </svg>
+    );
+  }
+);
+
+Snowflake.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+Snowflake.displayName = "Snowflake";
+
+export default Snowflake;
diff --git a/packages/react/src/icons/sort-asc.js b/packages/react/src/icons/sort-asc.js
index f9856b2..455600c 100644
--- a/packages/react/src/icons/sort-asc.js
+++ b/packages/react/src/icons/sort-asc.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const SortAsc = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const SortAsc = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -30,6 +30,7 @@ const SortAsc = forwardRef(
 SortAsc.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 SortAsc.displayName = "SortAsc";
diff --git a/packages/react/src/icons/sort-desc.js b/packages/react/src/icons/sort-desc.js
index 816f008..90bd933 100644
--- a/packages/react/src/icons/sort-desc.js
+++ b/packages/react/src/icons/sort-desc.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const SortDesc = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const SortDesc = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -30,6 +30,7 @@ const SortDesc = forwardRef(
 SortDesc.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 SortDesc.displayName = "SortDesc";
diff --git a/packages/react/src/icons/speaker.js b/packages/react/src/icons/speaker.js
index d80c3c6..50f61be 100644
--- a/packages/react/src/icons/speaker.js
+++ b/packages/react/src/icons/speaker.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Speaker = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Speaker = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Speaker = forwardRef(
 Speaker.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Speaker.displayName = "Speaker";
diff --git a/packages/react/src/icons/square.js b/packages/react/src/icons/square.js
index 891dfd4..0280202 100644
--- a/packages/react/src/icons/square.js
+++ b/packages/react/src/icons/square.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Square = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Square = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Square = forwardRef(
 Square.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Square.displayName = "Square";
diff --git a/packages/react/src/icons/star.js b/packages/react/src/icons/star.js
index e83570a..bb18f37 100644
--- a/packages/react/src/icons/star.js
+++ b/packages/react/src/icons/star.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Star = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Star = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Star = forwardRef(
 Star.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Star.displayName = "Star";
diff --git a/packages/react/src/icons/stop-circle.js b/packages/react/src/icons/stop-circle.js
index a7a088e..afbdf21 100644
--- a/packages/react/src/icons/stop-circle.js
+++ b/packages/react/src/icons/stop-circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const StopCircle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const StopCircle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const StopCircle = forwardRef(
 StopCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 StopCircle.displayName = "StopCircle";
diff --git a/packages/react/src/icons/sun.js b/packages/react/src/icons/sun.js
index 54a9671..4169622 100644
--- a/packages/react/src/icons/sun.js
+++ b/packages/react/src/icons/sun.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Sun = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Sun = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -34,6 +34,7 @@ const Sun = forwardRef(
 Sun.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Sun.displayName = "Sun";
diff --git a/packages/react/src/icons/sunrise.js b/packages/react/src/icons/sunrise.js
index 0ee36b4..28484fb 100644
--- a/packages/react/src/icons/sunrise.js
+++ b/packages/react/src/icons/sunrise.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Sunrise = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Sunrise = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -33,6 +33,7 @@ const Sunrise = forwardRef(
 Sunrise.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Sunrise.displayName = "Sunrise";
diff --git a/packages/react/src/icons/sunset.js b/packages/react/src/icons/sunset.js
index 80ae486..1cc6d20 100644
--- a/packages/react/src/icons/sunset.js
+++ b/packages/react/src/icons/sunset.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Sunset = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Sunset = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -33,6 +33,7 @@ const Sunset = forwardRef(
 Sunset.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Sunset.displayName = "Sunset";
diff --git a/packages/react/src/icons/tablet.js b/packages/react/src/icons/tablet.js
index bb0bae0..9279b16 100644
--- a/packages/react/src/icons/tablet.js
+++ b/packages/react/src/icons/tablet.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Tablet = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Tablet = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Tablet = forwardRef(
 Tablet.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Tablet.displayName = "Tablet";
diff --git a/packages/react/src/icons/tag.js b/packages/react/src/icons/tag.js
index cc89866..a46f893 100644
--- a/packages/react/src/icons/tag.js
+++ b/packages/react/src/icons/tag.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Tag = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Tag = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Tag = forwardRef(
 Tag.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Tag.displayName = "Tag";
diff --git a/packages/react/src/icons/target.js b/packages/react/src/icons/target.js
index 83c911b..23f7083 100644
--- a/packages/react/src/icons/target.js
+++ b/packages/react/src/icons/target.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Target = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Target = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Target = forwardRef(
 Target.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Target.displayName = "Target";
diff --git a/packages/react/src/icons/terminal.js b/packages/react/src/icons/terminal.js
index 87424f7..0760e13 100644
--- a/packages/react/src/icons/terminal.js
+++ b/packages/react/src/icons/terminal.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Terminal = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Terminal = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Terminal = forwardRef(
 Terminal.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Terminal.displayName = "Terminal";
diff --git a/packages/react/src/icons/thermometer.js b/packages/react/src/icons/thermometer.js
index fe40e6a..af398a7 100644
--- a/packages/react/src/icons/thermometer.js
+++ b/packages/react/src/icons/thermometer.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Thermometer = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Thermometer = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Thermometer = forwardRef(
 Thermometer.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Thermometer.displayName = "Thermometer";
diff --git a/packages/react/src/icons/thumbs-down.js b/packages/react/src/icons/thumbs-down.js
index 52aaeb7..66c91ee 100644
--- a/packages/react/src/icons/thumbs-down.js
+++ b/packages/react/src/icons/thumbs-down.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ThumbsDown = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ThumbsDown = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const ThumbsDown = forwardRef(
 ThumbsDown.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ThumbsDown.displayName = "ThumbsDown";
diff --git a/packages/react/src/icons/thumbs-up.js b/packages/react/src/icons/thumbs-up.js
index 9adfd1f..42325ef 100644
--- a/packages/react/src/icons/thumbs-up.js
+++ b/packages/react/src/icons/thumbs-up.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ThumbsUp = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ThumbsUp = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const ThumbsUp = forwardRef(
 ThumbsUp.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ThumbsUp.displayName = "ThumbsUp";
diff --git a/packages/react/src/icons/toggle-left.js b/packages/react/src/icons/toggle-left.js
index a46cc78..bdd9431 100644
--- a/packages/react/src/icons/toggle-left.js
+++ b/packages/react/src/icons/toggle-left.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ToggleLeft = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ToggleLeft = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const ToggleLeft = forwardRef(
 ToggleLeft.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ToggleLeft.displayName = "ToggleLeft";
diff --git a/packages/react/src/icons/toggle-right.js b/packages/react/src/icons/toggle-right.js
index e7246d8..ed789dd 100644
--- a/packages/react/src/icons/toggle-right.js
+++ b/packages/react/src/icons/toggle-right.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ToggleRight = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ToggleRight = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const ToggleRight = forwardRef(
 ToggleRight.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ToggleRight.displayName = "ToggleRight";
diff --git a/packages/react/src/icons/tool.js b/packages/react/src/icons/tool.js
index 28c987e..f184133 100644
--- a/packages/react/src/icons/tool.js
+++ b/packages/react/src/icons/tool.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Tool = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Tool = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Tool = forwardRef(
 Tool.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Tool.displayName = "Tool";
diff --git a/packages/react/src/icons/trash-2.js b/packages/react/src/icons/trash-2.js
index 2b44de2..05ab36d 100644
--- a/packages/react/src/icons/trash-2.js
+++ b/packages/react/src/icons/trash-2.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Trash2 = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Trash2 = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Trash2 = forwardRef(
 Trash2.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Trash2.displayName = "Trash2";
diff --git a/packages/react/src/icons/trash.js b/packages/react/src/icons/trash.js
index 75ffd2f..acdbe42 100644
--- a/packages/react/src/icons/trash.js
+++ b/packages/react/src/icons/trash.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Trash = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Trash = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Trash = forwardRef(
 Trash.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Trash.displayName = "Trash";
diff --git a/packages/react/src/icons/trello.js b/packages/react/src/icons/trello.js
index 2975445..f25ce81 100644
--- a/packages/react/src/icons/trello.js
+++ b/packages/react/src/icons/trello.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Trello = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Trello = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Trello = forwardRef(
 Trello.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Trello.displayName = "Trello";
diff --git a/packages/react/src/icons/trending-down.js b/packages/react/src/icons/trending-down.js
index dc790c5..d843de4 100644
--- a/packages/react/src/icons/trending-down.js
+++ b/packages/react/src/icons/trending-down.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const TrendingDown = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const TrendingDown = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const TrendingDown = forwardRef(
 TrendingDown.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 TrendingDown.displayName = "TrendingDown";
diff --git a/packages/react/src/icons/trending-up.js b/packages/react/src/icons/trending-up.js
index c5d9b8a..3e1ae80 100644
--- a/packages/react/src/icons/trending-up.js
+++ b/packages/react/src/icons/trending-up.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const TrendingUp = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const TrendingUp = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const TrendingUp = forwardRef(
 TrendingUp.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 TrendingUp.displayName = "TrendingUp";
diff --git a/packages/react/src/icons/triangle.js b/packages/react/src/icons/triangle.js
index 89f918f..43a62fb 100644
--- a/packages/react/src/icons/triangle.js
+++ b/packages/react/src/icons/triangle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Triangle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Triangle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Triangle = forwardRef(
 Triangle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Triangle.displayName = "Triangle";
diff --git a/packages/react/src/icons/truck.js b/packages/react/src/icons/truck.js
index a84c3a3..0d5f588 100644
--- a/packages/react/src/icons/truck.js
+++ b/packages/react/src/icons/truck.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Truck = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Truck = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Truck = forwardRef(
 Truck.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Truck.displayName = "Truck";
diff --git a/packages/react/src/icons/tv.js b/packages/react/src/icons/tv.js
index c271a23..6419e77 100644
--- a/packages/react/src/icons/tv.js
+++ b/packages/react/src/icons/tv.js
@@ -1,30 +1,33 @@
 import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
-const Tv = forwardRef(({ color = "currentColor", size = 24, ...rest }, ref) => {
-  return (
-    <svg
-      ref={ref}
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke={color}
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      {...rest}
-    >
-      <rect x="2" y="7" width="20" height="15" rx="2" ry="2"></rect>
-      <polyline points="17 2 12 7 7 2"></polyline>
-    </svg>
-  );
-});
+const Tv = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <rect x="2" y="7" width="20" height="15" rx="2" ry="2"></rect>
+        <polyline points="17 2 12 7 7 2"></polyline>
+      </svg>
+    );
+  }
+);
 
 Tv.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Tv.displayName = "Tv";
diff --git a/packages/react/src/icons/twitch.js b/packages/react/src/icons/twitch.js
index b3f4105..1679371 100644
--- a/packages/react/src/icons/twitch.js
+++ b/packages/react/src/icons/twitch.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Twitch = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Twitch = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Twitch = forwardRef(
 Twitch.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Twitch.displayName = "Twitch";
diff --git a/packages/react/src/icons/twitter.js b/packages/react/src/icons/twitter.js
index 269129f..b3b881d 100644
--- a/packages/react/src/icons/twitter.js
+++ b/packages/react/src/icons/twitter.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Twitter = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Twitter = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Twitter = forwardRef(
 Twitter.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Twitter.displayName = "Twitter";
diff --git a/packages/react/src/icons/type.js b/packages/react/src/icons/type.js
index 78bd71f..6a7a641 100644
--- a/packages/react/src/icons/type.js
+++ b/packages/react/src/icons/type.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Type = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Type = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Type = forwardRef(
 Type.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Type.displayName = "Type";
diff --git a/packages/react/src/icons/umbrella.js b/packages/react/src/icons/umbrella.js
index d34721f..ca5c634 100644
--- a/packages/react/src/icons/umbrella.js
+++ b/packages/react/src/icons/umbrella.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Umbrella = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Umbrella = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Umbrella = forwardRef(
 Umbrella.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Umbrella.displayName = "Umbrella";
diff --git a/packages/react/src/icons/underline.js b/packages/react/src/icons/underline.js
index 6bf94b2..6d574d0 100644
--- a/packages/react/src/icons/underline.js
+++ b/packages/react/src/icons/underline.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Underline = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Underline = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Underline = forwardRef(
 Underline.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Underline.displayName = "Underline";
diff --git a/packages/react/src/icons/unlink-2.js b/packages/react/src/icons/unlink-2.js
new file mode 100644
index 0000000..f6d301a
--- /dev/null
+++ b/packages/react/src/icons/unlink-2.js
@@ -0,0 +1,34 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const Unlink2 = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <path d="M15 7h2a5 5 0 0 1 0 10H15M9 17H7A5 5 0 0 1 7 7H9"></path>
+      </svg>
+    );
+  }
+);
+
+Unlink2.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+Unlink2.displayName = "Unlink2";
+
+export default Unlink2;
diff --git a/packages/react/src/icons/unlink.js b/packages/react/src/icons/unlink.js
new file mode 100644
index 0000000..ffd1c0c
--- /dev/null
+++ b/packages/react/src/icons/unlink.js
@@ -0,0 +1,39 @@
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+
+const Unlink = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <path d="M18.84 12.25l1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71"></path>
+        <path d="M5.17 11.75l-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71"></path>
+        <line x1="8" y1="2" x2="8" y2="5"></line>
+        <line x1="2" y1="8" x2="5" y2="8"></line>
+        <line x1="16" y1="19" x2="16" y2="22"></line>
+        <line x1="19" y1="16" x2="22" y2="16"></line>
+      </svg>
+    );
+  }
+);
+
+Unlink.propTypes = {
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+};
+
+Unlink.displayName = "Unlink";
+
+export default Unlink;
diff --git a/packages/react/src/icons/unlock.js b/packages/react/src/icons/unlock.js
index 2882a94..9d20746 100644
--- a/packages/react/src/icons/unlock.js
+++ b/packages/react/src/icons/unlock.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Unlock = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Unlock = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Unlock = forwardRef(
 Unlock.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Unlock.displayName = "Unlock";
diff --git a/packages/react/src/icons/upload-cloud.js b/packages/react/src/icons/upload-cloud.js
index 949a6eb..8b43c68 100644
--- a/packages/react/src/icons/upload-cloud.js
+++ b/packages/react/src/icons/upload-cloud.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const UploadCloud = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const UploadCloud = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const UploadCloud = forwardRef(
 UploadCloud.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 UploadCloud.displayName = "UploadCloud";
diff --git a/packages/react/src/icons/upload.js b/packages/react/src/icons/upload.js
index 3a84f92..4efefb0 100644
--- a/packages/react/src/icons/upload.js
+++ b/packages/react/src/icons/upload.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Upload = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Upload = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Upload = forwardRef(
 Upload.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Upload.displayName = "Upload";
diff --git a/packages/react/src/icons/user-check.js b/packages/react/src/icons/user-check.js
index f918e73..81dfe26 100644
--- a/packages/react/src/icons/user-check.js
+++ b/packages/react/src/icons/user-check.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const UserCheck = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const UserCheck = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const UserCheck = forwardRef(
 UserCheck.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 UserCheck.displayName = "UserCheck";
diff --git a/packages/react/src/icons/user-minus.js b/packages/react/src/icons/user-minus.js
index 742d7da..e85e76c 100644
--- a/packages/react/src/icons/user-minus.js
+++ b/packages/react/src/icons/user-minus.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const UserMinus = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const UserMinus = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const UserMinus = forwardRef(
 UserMinus.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 UserMinus.displayName = "UserMinus";
diff --git a/packages/react/src/icons/user-plus.js b/packages/react/src/icons/user-plus.js
index 8b6cd61..3c92692 100644
--- a/packages/react/src/icons/user-plus.js
+++ b/packages/react/src/icons/user-plus.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const UserPlus = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const UserPlus = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const UserPlus = forwardRef(
 UserPlus.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 UserPlus.displayName = "UserPlus";
diff --git a/packages/react/src/icons/user-x.js b/packages/react/src/icons/user-x.js
index 3d0c579..41e11b1 100644
--- a/packages/react/src/icons/user-x.js
+++ b/packages/react/src/icons/user-x.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const UserX = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const UserX = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const UserX = forwardRef(
 UserX.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 UserX.displayName = "UserX";
diff --git a/packages/react/src/icons/user.js b/packages/react/src/icons/user.js
index 61fbd7c..b5cf487 100644
--- a/packages/react/src/icons/user.js
+++ b/packages/react/src/icons/user.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const User = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const User = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const User = forwardRef(
 User.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 User.displayName = "User";
diff --git a/packages/react/src/icons/users.js b/packages/react/src/icons/users.js
index f03e239..c103bbd 100644
--- a/packages/react/src/icons/users.js
+++ b/packages/react/src/icons/users.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Users = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Users = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Users = forwardRef(
 Users.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Users.displayName = "Users";
diff --git a/packages/react/src/icons/video-off.js b/packages/react/src/icons/video-off.js
index 955a2c9..6cdbed8 100644
--- a/packages/react/src/icons/video-off.js
+++ b/packages/react/src/icons/video-off.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const VideoOff = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const VideoOff = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const VideoOff = forwardRef(
 VideoOff.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 VideoOff.displayName = "VideoOff";
diff --git a/packages/react/src/icons/video.js b/packages/react/src/icons/video.js
index 86f90a5..f118b0b 100644
--- a/packages/react/src/icons/video.js
+++ b/packages/react/src/icons/video.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Video = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Video = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Video = forwardRef(
 Video.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Video.displayName = "Video";
diff --git a/packages/react/src/icons/voicemail.js b/packages/react/src/icons/voicemail.js
index c63e9f0..f3dd569 100644
--- a/packages/react/src/icons/voicemail.js
+++ b/packages/react/src/icons/voicemail.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Voicemail = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Voicemail = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Voicemail = forwardRef(
 Voicemail.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Voicemail.displayName = "Voicemail";
diff --git a/packages/react/src/icons/volume-1.js b/packages/react/src/icons/volume-1.js
index d2ce32d..362ea5e 100644
--- a/packages/react/src/icons/volume-1.js
+++ b/packages/react/src/icons/volume-1.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Volume1 = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Volume1 = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Volume1 = forwardRef(
 Volume1.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Volume1.displayName = "Volume1";
diff --git a/packages/react/src/icons/volume-2.js b/packages/react/src/icons/volume-2.js
index 73b0104..620fa6d 100644
--- a/packages/react/src/icons/volume-2.js
+++ b/packages/react/src/icons/volume-2.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Volume2 = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Volume2 = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Volume2 = forwardRef(
 Volume2.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Volume2.displayName = "Volume2";
diff --git a/packages/react/src/icons/volume-x.js b/packages/react/src/icons/volume-x.js
index d6e48ba..b81ae51 100644
--- a/packages/react/src/icons/volume-x.js
+++ b/packages/react/src/icons/volume-x.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const VolumeX = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const VolumeX = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const VolumeX = forwardRef(
 VolumeX.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 VolumeX.displayName = "VolumeX";
diff --git a/packages/react/src/icons/volume.js b/packages/react/src/icons/volume.js
index 9c7fbc5..9d0036d 100644
--- a/packages/react/src/icons/volume.js
+++ b/packages/react/src/icons/volume.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Volume = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Volume = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Volume = forwardRef(
 Volume.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Volume.displayName = "Volume";
diff --git a/packages/react/src/icons/watch.js b/packages/react/src/icons/watch.js
index 7edc27a..071f1ca 100644
--- a/packages/react/src/icons/watch.js
+++ b/packages/react/src/icons/watch.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Watch = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Watch = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const Watch = forwardRef(
 Watch.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Watch.displayName = "Watch";
diff --git a/packages/react/src/icons/wifi-off.js b/packages/react/src/icons/wifi-off.js
index bde1ba1..ff9b739 100644
--- a/packages/react/src/icons/wifi-off.js
+++ b/packages/react/src/icons/wifi-off.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const WifiOff = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const WifiOff = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -32,6 +32,7 @@ const WifiOff = forwardRef(
 WifiOff.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 WifiOff.displayName = "WifiOff";
diff --git a/packages/react/src/icons/wifi.js b/packages/react/src/icons/wifi.js
index 4f2a6fe..5b2d0a5 100644
--- a/packages/react/src/icons/wifi.js
+++ b/packages/react/src/icons/wifi.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Wifi = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Wifi = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const Wifi = forwardRef(
 Wifi.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Wifi.displayName = "Wifi";
diff --git a/packages/react/src/icons/wind.js b/packages/react/src/icons/wind.js
index 6d8d86f..e123401 100644
--- a/packages/react/src/icons/wind.js
+++ b/packages/react/src/icons/wind.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Wind = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Wind = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Wind = forwardRef(
 Wind.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Wind.displayName = "Wind";
diff --git a/packages/react/src/icons/x-circle.js b/packages/react/src/icons/x-circle.js
index d01f0e4..3f9c604 100644
--- a/packages/react/src/icons/x-circle.js
+++ b/packages/react/src/icons/x-circle.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const XCircle = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const XCircle = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const XCircle = forwardRef(
 XCircle.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 XCircle.displayName = "XCircle";
diff --git a/packages/react/src/icons/x-octagon.js b/packages/react/src/icons/x-octagon.js
index 0ce2be6..aa0a3e9 100644
--- a/packages/react/src/icons/x-octagon.js
+++ b/packages/react/src/icons/x-octagon.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const XOctagon = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const XOctagon = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const XOctagon = forwardRef(
 XOctagon.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 XOctagon.displayName = "XOctagon";
diff --git a/packages/react/src/icons/x-square.js b/packages/react/src/icons/x-square.js
index be3e486..2b94526 100644
--- a/packages/react/src/icons/x-square.js
+++ b/packages/react/src/icons/x-square.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const XSquare = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const XSquare = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const XSquare = forwardRef(
 XSquare.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 XSquare.displayName = "XSquare";
diff --git a/packages/react/src/icons/x.js b/packages/react/src/icons/x.js
index 38de14d..3e4410b 100644
--- a/packages/react/src/icons/x.js
+++ b/packages/react/src/icons/x.js
@@ -1,30 +1,33 @@
 import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
-const X = forwardRef(({ color = "currentColor", size = 24, ...rest }, ref) => {
-  return (
-    <svg
-      ref={ref}
-      xmlns="http://www.w3.org/2000/svg"
-      width={size}
-      height={size}
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke={color}
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      {...rest}
-    >
-      <line x1="18" y1="6" x2="6" y2="18"></line>
-      <line x1="6" y1="6" x2="18" y2="18"></line>
-    </svg>
-  );
-});
+const X = forwardRef(
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
+    return (
+      <svg
+        ref={ref}
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke={color}
+        strokeWidth={width}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        {...rest}
+      >
+        <line x1="18" y1="6" x2="6" y2="18"></line>
+        <line x1="6" y1="6" x2="18" y2="18"></line>
+      </svg>
+    );
+  }
+);
 
 X.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 X.displayName = "X";
diff --git a/packages/react/src/icons/youtube.js b/packages/react/src/icons/youtube.js
index ac5879c..ed511f2 100644
--- a/packages/react/src/icons/youtube.js
+++ b/packages/react/src/icons/youtube.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Youtube = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Youtube = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -27,6 +27,7 @@ const Youtube = forwardRef(
 Youtube.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Youtube.displayName = "Youtube";
diff --git a/packages/react/src/icons/zap-off.js b/packages/react/src/icons/zap-off.js
index fff8c2e..27ac1fc 100644
--- a/packages/react/src/icons/zap-off.js
+++ b/packages/react/src/icons/zap-off.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ZapOff = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ZapOff = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const ZapOff = forwardRef(
 ZapOff.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ZapOff.displayName = "ZapOff";
diff --git a/packages/react/src/icons/zap.js b/packages/react/src/icons/zap.js
index 3749c7a..f2ae65d 100644
--- a/packages/react/src/icons/zap.js
+++ b/packages/react/src/icons/zap.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const Zap = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const Zap = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -26,6 +26,7 @@ const Zap = forwardRef(
 Zap.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 Zap.displayName = "Zap";
diff --git a/packages/react/src/icons/zoom-in.js b/packages/react/src/icons/zoom-in.js
index 4a2d3ff..c20521b 100644
--- a/packages/react/src/icons/zoom-in.js
+++ b/packages/react/src/icons/zoom-in.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ZoomIn = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ZoomIn = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -29,6 +29,7 @@ const ZoomIn = forwardRef(
 ZoomIn.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ZoomIn.displayName = "ZoomIn";
diff --git a/packages/react/src/icons/zoom-out.js b/packages/react/src/icons/zoom-out.js
index bf1ca7a..c8a553b 100644
--- a/packages/react/src/icons/zoom-out.js
+++ b/packages/react/src/icons/zoom-out.js
@@ -2,7 +2,7 @@ import React, { forwardRef } from "react";
 import PropTypes from "prop-types";
 
 const ZoomOut = forwardRef(
-  ({ color = "currentColor", size = 24, ...rest }, ref) => {
+  ({ color = "currentColor", size = 24, width = 2, ...rest }, ref) => {
     return (
       <svg
         ref={ref}
@@ -12,7 +12,7 @@ const ZoomOut = forwardRef(
         viewBox="0 0 24 24"
         fill="none"
         stroke={color}
-        strokeWidth="2"
+        strokeWidth={width}
         strokeLinecap="round"
         strokeLinejoin="round"
         {...rest}
@@ -28,6 +28,7 @@ const ZoomOut = forwardRef(
 ZoomOut.propTypes = {
   color: PropTypes.string,
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
 ZoomOut.displayName = "ZoomOut";
diff --git a/packages/react/src/index.d.ts b/packages/react/src/index.d.ts
index 950221f..b52e59e 100644
--- a/packages/react/src/index.d.ts
+++ b/packages/react/src/index.d.ts
@@ -4,6 +4,7 @@ import { FC, SVGAttributes } from "react";
 interface Props extends SVGAttributes<SVGElement> {
   color?: string;
   size?: string | number;
+  width?: string | number;
 }
 
 type Icon = FC<Props>;
@@ -36,6 +37,9 @@ export const Award: Icon;
 export const BarChart2: Icon;
 export const BarChart: Icon;
 export const BatteryCharging: Icon;
+export const BatteryFull: Icon;
+export const BatteryLow: Icon;
+export const BatteryMedium: Icon;
 export const Battery: Icon;
 export const BellOff: Icon;
 export const Bell: Icon;
@@ -78,7 +82,10 @@ export const Coffee: Icon;
 export const Columns: Icon;
 export const Command: Icon;
 export const Compass: Icon;
+export const Contact: Icon;
+export const Contrast: Icon;
 export const Copy: Icon;
+export const Copyright: Icon;
 export const CornerDownLeft: Icon;
 export const CornerDownRight: Icon;
 export const CornerLeftDown: Icon;
@@ -124,6 +131,8 @@ export const FolderPlus: Icon;
 export const Folder: Icon;
 export const Framer: Icon;
 export const Frown: Icon;
+export const Gamepad2: Icon;
+export const Gamepad: Icon;
 export const Gift: Icon;
 export const GitBranch: Icon;
 export const GitCommit: Icon;
@@ -133,6 +142,8 @@ export const GitHub: Icon;
 export const Gitlab: Icon;
 export const Globe: Icon;
 export const Grid: Icon;
+export const GripHorizontal: Icon;
+export const GripVertical: Icon;
 export const HardDrive: Icon;
 export const Hash: Icon;
 export const Headphones: Icon;
@@ -146,9 +157,11 @@ export const Info: Icon;
 export const Instagram: Icon;
 export const Italic: Icon;
 export const Key: Icon;
+export const Languages: Icon;
 export const Layers: Icon;
 export const Layout: Icon;
 export const LifeBuoy: Icon;
+export const Link2Off: Icon;
 export const Link2: Icon;
 export const Link: Icon;
 export const Linkedin: Icon;
@@ -215,6 +228,8 @@ export const RotateCw: Icon;
 export const Rss: Icon;
 export const Save: Icon;
 export const Scissors: Icon;
+export const ScreenShareOff: Icon;
+export const ScreenShare: Icon;
 export const Search: Icon;
 export const Send: Icon;
 export const Server: Icon;
@@ -234,6 +249,7 @@ export const Slash: Icon;
 export const Sliders: Icon;
 export const Smartphone: Icon;
 export const Smile: Icon;
+export const Snowflake: Icon;
 export const SortAsc: Icon;
 export const SortDesc: Icon;
 export const Speaker: Icon;
@@ -266,6 +282,8 @@ export const Twitter: Icon;
 export const Type: Icon;
 export const Umbrella: Icon;
 export const Underline: Icon;
+export const Unlink2: Icon;
+export const Unlink: Icon;
 export const Unlock: Icon;
 export const UploadCloud: Icon;
 export const Upload: Icon;
diff --git a/packages/react/src/index.js b/packages/react/src/index.js
index b538dfd..2c63049 100644
--- a/packages/react/src/index.js
+++ b/packages/react/src/index.js
@@ -27,6 +27,9 @@ export { default as Award } from "./icons/award";
 export { default as BarChart2 } from "./icons/bar-chart-2";
 export { default as BarChart } from "./icons/bar-chart";
 export { default as BatteryCharging } from "./icons/battery-charging";
+export { default as BatteryFull } from "./icons/battery-full";
+export { default as BatteryLow } from "./icons/battery-low";
+export { default as BatteryMedium } from "./icons/battery-medium";
 export { default as Battery } from "./icons/battery";
 export { default as BellOff } from "./icons/bell-off";
 export { default as Bell } from "./icons/bell";
@@ -69,7 +72,10 @@ export { default as Coffee } from "./icons/coffee";
 export { default as Columns } from "./icons/columns";
 export { default as Command } from "./icons/command";
 export { default as Compass } from "./icons/compass";
+export { default as Contact } from "./icons/contact";
+export { default as Contrast } from "./icons/contrast";
 export { default as Copy } from "./icons/copy";
+export { default as Copyright } from "./icons/copyright";
 export { default as CornerDownLeft } from "./icons/corner-down-left";
 export { default as CornerDownRight } from "./icons/corner-down-right";
 export { default as CornerLeftDown } from "./icons/corner-left-down";
@@ -115,6 +121,8 @@ export { default as FolderPlus } from "./icons/folder-plus";
 export { default as Folder } from "./icons/folder";
 export { default as Framer } from "./icons/framer";
 export { default as Frown } from "./icons/frown";
+export { default as Gamepad2 } from "./icons/gamepad-2";
+export { default as Gamepad } from "./icons/gamepad";
 export { default as Gift } from "./icons/gift";
 export { default as GitBranch } from "./icons/git-branch";
 export { default as GitCommit } from "./icons/git-commit";
@@ -124,6 +132,8 @@ export { default as GitHub } from "./icons/github";
 export { default as Gitlab } from "./icons/gitlab";
 export { default as Globe } from "./icons/globe";
 export { default as Grid } from "./icons/grid";
+export { default as GripHorizontal } from "./icons/grip-horizontal";
+export { default as GripVertical } from "./icons/grip-vertical";
 export { default as HardDrive } from "./icons/hard-drive";
 export { default as Hash } from "./icons/hash";
 export { default as Headphones } from "./icons/headphones";
@@ -137,9 +147,11 @@ export { default as Info } from "./icons/info";
 export { default as Instagram } from "./icons/instagram";
 export { default as Italic } from "./icons/italic";
 export { default as Key } from "./icons/key";
+export { default as Languages } from "./icons/languages";
 export { default as Layers } from "./icons/layers";
 export { default as Layout } from "./icons/layout";
 export { default as LifeBuoy } from "./icons/life-buoy";
+export { default as Link2Off } from "./icons/link-2-off";
 export { default as Link2 } from "./icons/link-2";
 export { default as Link } from "./icons/link";
 export { default as Linkedin } from "./icons/linkedin";
@@ -206,6 +218,8 @@ export { default as RotateCw } from "./icons/rotate-cw";
 export { default as Rss } from "./icons/rss";
 export { default as Save } from "./icons/save";
 export { default as Scissors } from "./icons/scissors";
+export { default as ScreenShareOff } from "./icons/screen-share-off";
+export { default as ScreenShare } from "./icons/screen-share";
 export { default as Search } from "./icons/search";
 export { default as Send } from "./icons/send";
 export { default as Server } from "./icons/server";
@@ -225,6 +239,7 @@ export { default as Slash } from "./icons/slash";
 export { default as Sliders } from "./icons/sliders";
 export { default as Smartphone } from "./icons/smartphone";
 export { default as Smile } from "./icons/smile";
+export { default as Snowflake } from "./icons/snowflake";
 export { default as SortAsc } from "./icons/sort-asc";
 export { default as SortDesc } from "./icons/sort-desc";
 export { default as Speaker } from "./icons/speaker";
@@ -257,6 +272,8 @@ export { default as Twitter } from "./icons/twitter";
 export { default as Type } from "./icons/type";
 export { default as Umbrella } from "./icons/umbrella";
 export { default as Underline } from "./icons/underline";
+export { default as Unlink2 } from "./icons/unlink-2";
+export { default as Unlink } from "./icons/unlink";
 export { default as Unlock } from "./icons/unlock";
 export { default as UploadCloud } from "./icons/upload-cloud";
 export { default as Upload } from "./icons/upload";