@bigbinary/neeto-icons-rn 1.0.0 → 1.0.2

package/dist/icons/Reply.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgReply = (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="M9.28 13.56 5 9.28 9.28 5"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Report.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgReport = (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}
       strokeWidth={1.5}
       d="M7.5 19.825v-3.46a.175.175 0 0 0-.175-.174h-4.15a.175.175 0 0 0-.175.175v3.459c0 .097.078.175.175.175h4.15a.175.175 0 0 0 .175-.175Zm0 0V7.223c0-.097.078-.175.175-.175h4.15c.097 0 .175.078.175.175v12.602m-4.5 0c0 .097.078.175.175.175h4.15a.175.175 0 0 0 .175-.175m0 0v-8.031c0-.097.078-.175.175-.175h4.15c.097 0 .175.078.175.175v8.031m-4.5 0c0 .097.078.175.175.175h4.15a.175.175 0 0 0 .175-.175m0 0V4.175c0-.097.078-.175.175-.175h4.15c.097 0 .175.078.175.175v15.65a.175.175 0 0 1-.175.175h-4.15a.175.175 0 0 1-.175-.175Z"
     />

package/dist/icons/Ribbon.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgRibbon = (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/Right.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgRight = (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/RightAlign.js

@@ -3,8 +3,8 @@ import Svg, { G, Rect, Mask, Path, Defs, ClipPath } from "react-native-svg";
 const SvgRightAlign = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={18}
-    height={19}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -14,10 +14,10 @@ const SvgRightAlign = (props) => (
         height={3.857}
         x={1.5}
         y={11.333}
-        fill="#68737D"
+        fill={props.color}
         rx={1}
       />
-      <Mask id="RightAlign_svg__b" fill="#fff">
+      <Mask id="RightAlign_svg__b" fill={props.color}>
         <Rect width={9} height={3.857} x={4.071} y={6.19} rx={1} />
       </Mask>
       <Rect
@@ -25,16 +25,16 @@ const SvgRightAlign = (props) => (
         height={3.857}
         x={4.071}
         y={6.19}
-        stroke="#68737D"
+        stroke={props.color}
         strokeWidth={3}
         mask="url(#RightAlign_svg__b)"
         rx={1}
       />
-      <Path stroke="#68737D" strokeWidth={1.5} d="M15.75 2.976v14.143" />
+      <Path stroke={props.color} strokeWidth={1.5} d="M15.75 2.976v14.143" />
     </G>
     <Defs>
       <ClipPath id="RightAlign_svg__a">
-        <Path fill="#fff" d="M0 .62h18v18H0z" />
+        <Path fill={props.color} d="M0 .62h18v18H0z" />
       </ClipPath>
     </Defs>
   </Svg>

package/dist/icons/RightArrow.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgRightArrow = (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/RightArrowCircle.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgRightArrowCircle = (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 21a9 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 9ZM16 12H8"
     />
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Robot.js

@@ -3,16 +3,16 @@ import Svg, { Path, Circle } from "react-native-svg";
 const SvgRobot = (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="M13.071 6.619a7.715 7.715 0 0 1 6.858 7.667V22H4.5v-7.714c0-3.971 3-7.241 6.857-7.667V4h1.714v2.619Zm5.143 13.667v-6a6 6 0 0 0-12 0v6h12Zm-6-1.715a4.286 4.286 0 1 1 0-8.571 4.286 4.286 0 0 1 0 8.571Zm0-1.714a2.572 2.572 0 1 0 0-5.143 2.572 2.572 0 0 0 0 5.143Zm0-1.714a.857.857 0 1 1 0-1.714.857.857 0 0 1 0 1.714Z"
     />
-    <Circle cx={12.2} cy={3.5} r={1.5} fill="#68737D" />
+    <Circle cx={12.2} cy={3.5} r={1.5} fill={props.color} />
   </Svg>
 );
 export default SvgRobot;

package/dist/icons/SadFaceGrey.js

@@ -3,19 +3,19 @@ import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
 const SvgSadFaceGrey = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <G clipPath="url(#sad-face-grey_svg__a)">
       <Path
-        stroke="#68737D"
+        stroke={props.color}
         strokeWidth={1.5}
         d="M20.057 12a8.25 8.25 0 0 1-8.25 8.25A8.25 8.25 0 0 1 3.557 12a8.25 8.25 0 0 1 8.25-8.25 8.25 8.25 0 0 1 8.25 8.25Z"
       />
       <Path
-        fill="#68737D"
+        fill={props.color}
         d="M15.117 12.344a1.413 1.413 0 1 0 0-2.825 1.413 1.413 0 0 0 0 2.825Z"
       />
       <Path
@@ -23,7 +23,7 @@ const SvgSadFaceGrey = (props) => (
         d="M15.63 10.053c-.215-.096-.44-.06-.502.079-.062.14.062.33.278.426.216.096.441.06.503-.079.062-.14-.063-.33-.278-.426Z"
       />
       <Path
-        fill="#68737D"
+        fill={props.color}
         d="M8.496 12.344a1.412 1.412 0 1 0 0-2.825 1.412 1.412 0 0 0 0 2.825Z"
       />
       <Path
@@ -31,13 +31,13 @@ const SvgSadFaceGrey = (props) => (
         d="M9.008 10.052c-.216-.096-.44-.06-.503.08-.061.14.063.33.279.426.216.096.44.06.503-.08.062-.139-.063-.33-.279-.426Z"
       />
       <Path
-        fill="#68737D"
+        fill={props.color}
         d="M15.493 16.283a.422.422 0 1 1-.578.615 4.541 4.541 0 0 0-6.217 0 .422.422 0 0 1-.578-.615 5.385 5.385 0 0 1 7.373 0Z"
       />
     </G>
     <Defs>
       <ClipPath id="sad-face-grey_svg__a">
-        <Path fill="#fff" d="M2.807 3h18v18h-18z" />
+        <Path fill={props.color} d="M2.807 3h18v18h-18z" />
       </ClipPath>
     </Defs>
   </Svg>

package/dist/icons/Search.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgSearch = (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/Sections.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgSections = (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/Security.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgSecurity = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={32}
-    height={32}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={2}
       d="M18.035 14.834v-1.797a2.037 2.037 0 0 0-2.036-2.036v0a2.037 2.037 0 0 0-2.036 2.036v1.797"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={2}
@@ -24,7 +24,7 @@ const SvgSecurity = (props) => (
       clipRule="evenodd"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={2}

package/dist/icons/Send.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgSend = (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/SendPlane.js

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

package/dist/icons/Seo.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgSeo = (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="m15.456 9.757-3.419 3.42-2.28-2.28-2.279 2.28"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Settings.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgSettings = (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 3a1 1 0 0 1 .941.662l.508 1.415c.08.223.237.41.442.528l1.507.87a1 1 0 0 0 .677.118l1.48-.267a1 1 0 0 1 1.045.484l.8 1.38a1 1 0 0 1-.1 1.146l-.97 1.148a1 1 0 0 0-.238.646v1.74a1 1 0 0 0 .237.646l.971 1.148a1 1 0 0 1 .1 1.146l-.8 1.38a1 1 0 0 1-1.044.484l-1.48-.267a1 1 0 0 0-.677.118l-1.507.87a1.006 1.006 0 0 0-.442.528l-.508 1.415A1 1 0 0 1 12.8 21h-1.6a1 1 0 0 1-.94-.662l-.509-1.415a1.01 1.01 0 0 0-.44-.528l-1.509-.87a1 1 0 0 0-.677-.118l-1.48.267A1 1 0 0 1 4.6 17.19l-.8-1.38a1 1 0 0 1 .1-1.146l.971-1.148a1 1 0 0 0 .237-.646v-1.74a1 1 0 0 0-.237-.646l-.96-1.148a1 1 0 0 1-.1-1.146l.8-1.38a1 1 0 0 1 1.043-.484l1.48.267a1 1 0 0 0 .677-.118l1.508-.87c.204-.119.36-.306.441-.528l.508-1.415A1 1 0 0 1 11.2 3h1.6Z"
     />
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/SettingsChecked.js

@@ -3,21 +3,21 @@ import Svg, { Path } from "react-native-svg";
 const SvgSettingsChecked = (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="M16 22a6 6 0 1 1 6-6 5.937 5.937 0 0 1-6 6Zm0-10a3.911 3.911 0 0 0-4 4 3.911 3.911 0 0 0 4 4 3.911 3.911 0 0 0 4-4 3.911 3.911 0 0 0-4-4Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="m29.303 11.044-2.36-4.088a1.997 1.997 0 0 0-2.373-.894l-2.434.823c-.42-.283-.858-.536-1.313-.758l-.503-2.519A2 2 0 0 0 18.358 2h-4.72a2 2 0 0 0-1.961 1.608l-.504 2.519c-.46.22-.902.471-1.327.753l-2.419-.818a1.998 1.998 0 0 0-2.373.894l-2.36 4.088a2 2 0 0 0 .412 2.502l1.93 1.697c-.017.252-.038.502-.038.757 0 .258.01.513.028.766l-1.92 1.688a2 2 0 0 0-.412 2.502l2.36 4.088a1.998 1.998 0 0 0 2.373.895l2.434-.824c.42.283.858.536 1.312.759l.504 2.518A2 2 0 0 0 13.638 30h4.36v-2h-4.36l-.71-3.55a9.098 9.098 0 0 1-2.695-1.572l-3.447 1.166-2.36-4.088 2.725-2.395a8.926 8.926 0 0 1-.007-3.128l-2.718-2.389 2.36-4.088 3.428 1.16a9.032 9.032 0 0 1 2.714-1.565L13.638 4h4.72l.71 3.55a9.098 9.098 0 0 1 2.695 1.572l3.447-1.166 2.36 4.088-2.798 2.452L26.091 16l2.8-2.454a2 2 0 0 0 .412-2.502Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="m23 26.18-2.59-2.59L19 25l4 4 7-7-1.41-1.41L23 26.18Z"
     />
   </Svg>

package/dist/icons/Share.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgShare = (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/SidebarClose.js

@@ -3,19 +3,23 @@ import Svg, { G, Rect, Path, Defs, ClipPath } from "react-native-svg";
 const SvgSidebarClose = (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" strokeWidth={1.5} clipPath="url(#SidebarClose_svg__a)">
+    <G
+      stroke={props.color}
+      strokeWidth={1.5}
+      clipPath="url(#SidebarClose_svg__a)"
+    >
       <Rect width={16.5} height={16.5} x={3.75} y={3.75} rx={3.25} />
       <Path d="M9 4v16" />
       <Path strokeLinecap="round" strokeLinejoin="round" d="m16 9-3 3 3 3" />
     </G>
     <Defs>
       <ClipPath id="SidebarClose_svg__a">
-        <Path fill="#fff" d="M0 0h24v24H0z" />
+        <Path fill={props.color} d="M0 0h24v24H0z" />
       </ClipPath>
     </Defs>
   </Svg>

package/dist/icons/SidebarOpen.js

@@ -3,19 +3,23 @@ import Svg, { G, Rect, Path, Defs, ClipPath } from "react-native-svg";
 const SvgSidebarOpen = (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" strokeWidth={1.5} clipPath="url(#SidebarOpen_svg__a)">
+    <G
+      stroke={props.color}
+      strokeWidth={1.5}
+      clipPath="url(#SidebarOpen_svg__a)"
+    >
       <Rect width={16.5} height={16.5} x={3.75} y={3.75} rx={3.25} />
       <Path d="M9 4v16" />
       <Path strokeLinecap="round" strokeLinejoin="round" d="m13 9 3 3-3 3" />
     </G>
     <Defs>
       <ClipPath id="SidebarOpen_svg__a">
-        <Path fill="#fff" d="M0 0h24v24H0z" />
+        <Path fill={props.color} d="M0 0h24v24H0z" />
       </ClipPath>
     </Defs>
   </Svg>

package/dist/icons/SmileFaceGrey.js

@@ -3,19 +3,19 @@ import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
 const SvgSmileFaceGrey = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <G clipPath="url(#smile-face-grey_svg__a)">
       <Path
-        stroke="#68737D"
+        stroke={props.color}
         strokeWidth={1.5}
         d="M20.25 12A8.25 8.25 0 0 1 12 20.25 8.25 8.25 0 0 1 3.75 12 8.25 8.25 0 0 1 12 3.75 8.25 8.25 0 0 1 20.25 12Z"
       />
       <Path
-        fill="#68737D"
+        fill={props.color}
         d="M15.31 12.344a1.413 1.413 0 1 0 0-2.825 1.413 1.413 0 0 0 0 2.825Z"
       />
       <Path
@@ -23,7 +23,7 @@ const SvgSmileFaceGrey = (props) => (
         d="M15.824 10.053c-.216-.096-.441-.06-.503.079-.062.14.063.33.279.426.215.096.44.06.502-.079.062-.14-.063-.33-.278-.426Z"
       />
       <Path
-        fill="#68737D"
+        fill={props.color}
         d="M8.689 12.344a1.412 1.412 0 1 0 0-2.825 1.412 1.412 0 0 0 0 2.825Z"
       />
       <Path
@@ -31,13 +31,13 @@ const SvgSmileFaceGrey = (props) => (
         d="M9.202 10.052c-.216-.096-.441-.06-.503.08s.062.33.278.426c.216.096.441.06.503-.08.062-.139-.062-.33-.278-.426Z"
       />
       <Path
-        fill="#68737D"
+        fill={props.color}
         d="M8.313 15.553a.423.423 0 1 1 .579-.615 4.54 4.54 0 0 0 6.216 0 .422.422 0 0 1 .579.615 5.385 5.385 0 0 1-7.374 0Z"
       />
     </G>
     <Defs>
       <ClipPath id="smile-face-grey_svg__a">
-        <Path fill="#fff" d="M3 3h18v18H3z" />
+        <Path fill={props.color} d="M3 3h18v18H3z" />
       </ClipPath>
     </Defs>
   </Svg>

package/dist/icons/Smiley.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgSmiley = (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 3c-4.963 0-9 4.037-9 9s4.037 9 9 9 9-4.038 9-9-4.038-9-9-9Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

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}