@bigbinary/neeto-icons-rn 1.0.0 → 1.0.1

package/dist/icons/Status.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgStatus = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Subdomain.js

@@ -3,14 +3,14 @@ import Svg, { Circle, Path } from "react-native-svg";
 const SvgSubdomain = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
-    <Circle cx={12} cy={12} r={8.25} stroke="#68737D" strokeWidth={1.5} />
+    <Circle cx={12} cy={12} r={8.25} stroke={props.color} strokeWidth={1.5} />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeWidth={1.5}
       d="M15.25 12c0 2.405-.435 4.547-1.107 6.06-.336.756-.718 1.323-1.103 1.69-.382.363-.732.5-1.04.5-.308 0-.658-.137-1.04-.5-.385-.367-.767-.934-1.103-1.69C9.185 16.546 8.75 14.405 8.75 12c0-2.405.435-4.547 1.107-6.06.336-.756.718-1.323 1.103-1.69.382-.363.732-.5 1.04-.5.308 0 .658.137 1.04.5.385.367.767.934 1.103 1.69.672 1.513 1.107 3.655 1.107 6.06ZM4 12h16"
     />

package/dist/icons/Suitcase.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgSuitcase = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
       d="M19 21H5v0a2 2 0 0 1-2-2v-9 0a2 2 0 0 1 2-2h14v0a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2s0 0 0 0v0Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Swap.js

@@ -3,27 +3,27 @@ import Svg, { Path } from "react-native-svg";
 const SvgSwap = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
       d="M3 8.273 6.273 5l3.272 3.273"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
       d="M11.182 19.727H9.545a3.273 3.273 0 0 1-3.272-3.272V5M21 16.455l-3.273 3.272-3.272-3.272"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Tablet.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgTablet = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Tag.js

@@ -3,17 +3,17 @@ import Svg, { Path } from "react-native-svg";
 const SvgTag = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={32}
-    height={32}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M18.52 30a3 3 0 0 1-2.12-.88L2.88 15.61A3 3 0 0 1 2 13.49V5a3 3 0 0 1 3-3h8.49a3 3 0 0 1 2.12.88l13.51 13.51a3 3 0 0 1 0 4.25l-8.48 8.48a3 3 0 0 1-2.12.88ZM5 4a1 1 0 0 0-1 1v8.49a1 1 0 0 0 .3.71l13.51 13.51a1 1 0 0 0 1.41 0l8.49-8.49a1 1 0 0 0 0-1.41L14.2 4.3a1 1 0 0 0-.71-.3H5Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M10 14a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0-6a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"
     />
   </Svg>

package/dist/icons/Tags.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgTags = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
       d="M14.834 10.146a.367.367 0 1 0 .52.519.367.367 0 0 0-.52-.52Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Text.js

@@ -3,13 +3,13 @@ import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
 const SvgText = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <G
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/TextBold.js

@@ -3,8 +3,8 @@ import Svg, { Path } from "react-native-svg";
 const SvgTextBold = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >

package/dist/icons/TextCross.js

@@ -3,8 +3,8 @@ import Svg, { Path } from "react-native-svg";
 const SvgTextCross = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >

package/dist/icons/TextH1.js

@@ -3,8 +3,8 @@ import Svg, { Path } from "react-native-svg";
 const SvgTextH1 = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >

package/dist/icons/TextH2.js

@@ -3,8 +3,8 @@ import Svg, { Path } from "react-native-svg";
 const SvgTextH2 = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >

package/dist/icons/TextItalic.js

@@ -3,8 +3,8 @@ import Svg, { Path } from "react-native-svg";
 const SvgTextItalic = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >

package/dist/icons/TextSize.js

@@ -3,8 +3,8 @@ import Svg, { Path } from "react-native-svg";
 const SvgTextSize = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >

package/dist/icons/Tickets.js

@@ -3,25 +3,25 @@ import Svg, { Path } from "react-native-svg";
 const SvgTickets = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      fill="#68737D"
+      fill={props.color}
       fillRule="evenodd"
       d="M4.8 19.09c0 .326.149.638.414.868.265.23.625.36 1 .36h2.7c.15-.447.428-.857.813-1.192.603-.523 1.42-.816 2.273-.816.852 0 1.67.294 2.273.816.385.335.663.745.813 1.191h2.7c.375 0 .734-.129 1-.36a1.15 1.15 0 0 0 .414-.867V5.038a1.15 1.15 0 0 0-.414-.867 1.531 1.531 0 0 0-1-.36h-2.7c-.15.446-.428.857-.813 1.191-.603.523-1.42.817-2.273.817-.852 0-1.67-.294-2.273-.817a2.74 2.74 0 0 1-.813-1.19h-2.7c-.375 0-.735.129-1 .359a1.15 1.15 0 0 0-.414.867V19.09Zm-.859 1.972C3.34 20.539 3 19.83 3 19.09V5.038c0-.74.339-1.448.941-1.971.603-.523 1.42-.817 2.273-.817h3.472c.497 0 .9.35.9.78 0 .326.149.638.414.868.265.23.625.36 1 .36s.735-.13 1-.36a1.15 1.15 0 0 0 .414-.867c0-.431.403-.781.9-.781h3.472c.852 0 1.67.294 2.273.817.602.523.941 1.232.941 1.971V19.09c0 .74-.339 1.45-.941 1.972-.603.523-1.42.817-2.273.817h-3.472c-.497 0-.9-.35-.9-.781A1.15 1.15 0 0 0 13 20.23a1.531 1.531 0 0 0-1-.359c-.375 0-.735.13-1 .36a1.15 1.15 0 0 0-.414.867c0 .431-.403.78-.9.78H6.214c-.852 0-1.67-.293-2.273-.816Z"
       clipRule="evenodd"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       fillRule="evenodd"
       d="M9.3 14.764a.9.9 0 0 1 .9-.9h6.3a.9.9 0 1 1 0 1.8h-6.3a.9.9 0 0 1-.9-.9ZM9.3 10.264a.9.9 0 0 1 .9-.9h6.3a.9.9 0 1 1 0 1.8h-6.3a.9.9 0 0 1-.9-.9Z"
       clipRule="evenodd"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M8.4 10.264a.9.9 0 1 1-1.8 0 .9.9 0 0 1 1.8 0ZM8.4 14.764a.9.9 0 1 1-1.8 0 .9.9 0 0 1 1.8 0Z"
     />
   </Svg>

package/dist/icons/TimeTracking.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgTimeTracking = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={25}
-    height={25}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
       d="M14.031 20.97a8.94 8.94 0 0 1-5.443-.453A8.999 8.999 0 0 1 15.474 3.89c4.116 1.705 6.284 6.11 5.32 10.313m-3.513 5.25h4m-2 2v-4"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Transaction.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgTransaction = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Translate.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgTranslate = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
       d="M12 8.5v2M14.712 15.5a5.98 5.98 0 0 1-2.712-5M12 10.5a5.98 5.98 0 0 1-2.712 5"
     />
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Twitter.js

@@ -3,17 +3,17 @@ import Svg, { Path } from "react-native-svg";
 const SvgTwitter = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0ZM4.5 12a7.5 7.5 0 1 0 15 0 7.5 7.5 0 0 0-15 0Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       fillRule="evenodd"
       d="M17.5 9.445c-.367.16-.764.27-1.178.319.424-.25.748-.647.903-1.118-.397.233-.836.4-1.303.49a2.06 2.06 0 0 0-1.498-.636c-1.133 0-2.051.904-2.051 2.02 0 .158.018.312.053.46a5.852 5.852 0 0 1-4.229-2.11 1.999 1.999 0 0 0-.277 1.015c0 .7.361 1.318.912 1.681a2.102 2.102 0 0 1-.93-.252v.026c0 .978.707 1.795 1.647 1.98a2.14 2.14 0 0 1-.928.034 2.05 2.05 0 0 0 1.916 1.402 4.158 4.158 0 0 1-2.547.865c-.166 0-.328-.01-.49-.027a5.88 5.88 0 0 0 3.145.906c3.773 0 5.837-3.078 5.837-5.746 0-.088-.002-.174-.005-.262.4-.287.748-.642 1.023-1.047Z"
       clipRule="evenodd"

package/dist/icons/Ubuntu.js

@@ -3,29 +3,29 @@ import Svg, { Path } from "react-native-svg";
 const SvgUbuntu = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       d="M20.5 12a8.5 8.5 0 1 1-17 0 8.5 8.5 0 0 1 17 0Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M6.99 13.004a.99.99 0 1 0 0-1.98.99.99 0 0 0 0 1.98Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M9.645 15.591a4.307 4.307 0 0 1-1.778-2.5 1.387 1.387 0 0 0 0-2.155 4.307 4.307 0 0 1 1.778-2.5l.724 1.213a2.887 2.887 0 0 0-1.23 2.365c0 .978.487 1.842 1.23 2.365l-.724 1.212ZM13.8 7.157a.99.99 0 1 0 1.71.996.99.99 0 0 0-1.71-.996Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M10.227 8.15a4.307 4.307 0 0 1 3.055-.279 1.386 1.386 0 0 0 1.863 1.085 4.307 4.307 0 0 1 1.265 2.794L15 11.765a2.887 2.887 0 0 0-1.426-2.252 2.887 2.887 0 0 0-2.663-.127l-.683-1.236ZM15.455 15.888a.99.99 0 1 0-1.722.975.99.99 0 0 0 1.722-.975Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M16.398 12.302A4.307 4.307 0 0 1 15.1 15.08a1.387 1.387 0 0 0-1.876 1.062 4.307 4.307 0 0 1-3.051-.315l.698-1.227a2.887 2.887 0 0 0 2.664-.096 2.887 2.887 0 0 0 1.452-2.236l1.411.033Z"
     />
   </Svg>

package/dist/icons/Underline.js

@@ -3,8 +3,8 @@ import Svg, { Path } from "react-native-svg";
 const SvgUnderline = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >

package/dist/icons/Undo.js

@@ -3,8 +3,8 @@ import Svg, { Path } from "react-native-svg";
 const SvgUndo = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >

package/dist/icons/Unlink.js

@@ -3,26 +3,26 @@ import Svg, { Path } from "react-native-svg";
 const SvgUnlink = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
       d="m18.5 12 1.141-1.078a4.64 4.64 0 0 0-6.563-6.563l-.887.888"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeWidth={1.5}
       d="M6 4.5 18.5 19"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Unlock.js

@@ -3,19 +3,19 @@ import Svg, { Circle, Path } from "react-native-svg";
 const SvgUnlock = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
-    <Circle cx={12} cy={15} r={5.25} stroke="#68737D" strokeWidth={1.5} />
+    <Circle cx={12} cy={15} r={5.25} stroke={props.color} strokeWidth={1.5} />
     <Path
-      fill="#68737D"
+      fill={props.color}
       fillRule="evenodd"
       d="m14.976 7.184-1.299 2.35c.37.457.668.962.888 1.496l1.724-3.121a3.75 3.75 0 1 0-6.565-3.627l-1.021 1.85 1.322.708 1.012-1.832a2.25 2.25 0 1 1 3.94 2.176Z"
       clipRule="evenodd"
     />
-    <Circle cx={12} cy={15} r={1.5} fill="#68737D" />
+    <Circle cx={12} cy={15} r={1.5} fill={props.color} />
   </Svg>
 );
 export default SvgUnlock;

package/dist/icons/Up.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgUp = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/UpArrow.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgUpArrow = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/UpArrowCircle.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgUpArrowCircle = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
       d="M21 12a9 9 0 0 1-9 9 9 9 0 0 1-9-9 9 9 0 0 1 9-9 9 9 0 0 1 9 9ZM12 8v8"
     />
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Upload.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgUpload = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/User.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgUser = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/UserAdd.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgUserAdd = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
       d="M12.5 15H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       fillRule="evenodd"
       d="M19.374 12.15a.75.75 0 0 0-1.5 0v2.124H15.75a.75.75 0 0 0 0 1.5h2.124v2.124a.75.75 0 1 0 1.5 0v-2.124h2.124a.75.75 0 1 0 0-1.5h-2.124V12.15Z"
       clipRule="evenodd"

package/dist/icons/UserCircle.js

@@ -3,8 +3,8 @@ import Svg, { Path } from "react-native-svg";
 const SvgUserCircle = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >

package/dist/icons/UserNotification.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgUserNotification = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={32}
-    height={32}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M26 20a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM22 30h-2v-5a5 5 0 0 0-5-5H9a5 5 0 0 0-5 5v5H2v-5a7 7 0 0 1 7-7h6a7 7 0 0 1 7 7v5ZM12 4a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0-2a7 7 0 1 0 0 14 7 7 0 0 0 0-14Z"
     />
   </Svg>