@bigbinary/neeto-icons-rn 1.0.0 → 1.0.1

package/dist/icons/Bookmark.js

@@ -3,17 +3,17 @@ import Svg, { Path } from "react-native-svg";
 const SvgBookmark = (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="m19.507 19.568-.668-.307-1.607-.738-1.934-.889-1.663-.765c-.265-.12-.53-.245-.794-.364-.165-.075-.313-.12-.5-.096a1.065 1.065 0 0 0-.295.096l-.084.038-.41.19-1.508.692-1.923.885-1.746.802-.95.437c-.014.008-.028.013-.043.021l1.155.662V5.006c0-.06.003-.117.01-.175-.01.067-.02.136-.028.203.016-.11.044-.216.089-.32l-.077.184c.04-.092.092-.178.151-.259l-.12.156c.067-.087.143-.162.228-.229l-.156.121c.081-.061.167-.111.26-.151l-.185.076c.104-.042.211-.073.32-.088-.066.01-.136.02-.203.027.14-.017.282-.01.422-.01h9.35c.43 0 .862-.003 1.292 0 .055 0 .113.004.168.01a7.403 7.403 0 0 0-.203-.027c.111.015.217.044.32.088l-.184-.076c.093.04.179.092.26.151l-.156-.12c.086.066.161.143.228.228l-.12-.156c.06.08.11.167.151.26l-.077-.185c.042.104.073.211.088.32a7.451 7.451 0 0 1-.026-.203c.02.175.01.355.01.531V19.607c0 .2-.003.4 0 .6v.025c0 .4.352.787.767.767.416-.019.767-.337.767-.767V5.021a2.027 2.027 0 0 0-.961-1.73c-.347-.22-.747-.288-1.151-.288H7.719c-.622 0-1.278-.056-1.82.326-.421.295-.77.737-.855 1.258-.023.146-.044.29-.044.436V20.232a.77.77 0 0 0 .767.767.75.75 0 0 0 .388-.105c.22-.102.441-.203.662-.303l1.598-.735c.64-.296 1.283-.59 1.924-.884.556-.258 1.114-.513 1.67-.77.271-.124.544-.243.81-.372l.012-.006h-.775c.22.102.441.204.662.303l1.598.735c.64.296 1.283.591 1.924.885.556.257 1.115.512 1.67.769.271.125.54.25.81.372a.412.412 0 0 0 .012.006c.192.088.38.136.59.077a.782.782 0 0 0 .46-.353c.093-.179.141-.394.076-.591-.058-.18-.173-.378-.351-.459Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M11.152 13.943a.453.453 0 0 1-.499-.04.497.497 0 0 1-.16-.217.526.526 0 0 1-.026-.274l.255-1.545-1.075-1.088a.526.526 0 0 1-.124-.515.502.502 0 0 1 .146-.229c.068-.06.15-.1.239-.112l1.493-.226.675-1.42c.039-.083.1-.153.174-.202a.455.455 0 0 1 .5 0c.075.05.135.12.174.203l.675 1.42 1.493.225a.462.462 0 0 1 .24.112.526.526 0 0 1 .022.744l-1.076 1.088.255 1.546a.526.526 0 0 1-.027.273.496.496 0 0 1-.16.217.459.459 0 0 1-.498.04l-1.348-.735-1.348.735Z"
     />
   </Svg>

package/dist/icons/Braces.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgBraces = (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="M9.29 19.828h.483v-1.305h-.32c-1.062 0-1.484-.476-1.484-1.671v-2.383c0-1.125-.617-1.742-1.828-1.867v-.211c1.21-.125 1.828-.743 1.828-1.875V8.164c0-1.195.422-1.672 1.484-1.672h.32V5.188H9.29c-2.016 0-2.922.875-2.922 2.773v2.031c0 1.211-.453 1.633-1.765 1.633v1.734c1.312.008 1.765.43 1.765 1.641v2.047c0 1.906.914 2.781 2.922 2.781Zm5.187 0c2.015 0 2.921-.875 2.921-2.781V15c0-1.21.461-1.633 1.766-1.64v-1.735c-1.305 0-1.766-.422-1.766-1.633V7.961c0-1.899-.906-2.774-2.921-2.774h-.485v1.305h.328c1.063 0 1.477.477 1.477 1.672v2.352c0 1.132.617 1.75 1.836 1.875v.21c-1.219.126-1.836.743-1.836 1.868v2.383c0 1.195-.422 1.671-1.477 1.671h-.328v1.305h.485Z"
     />
   </Svg>

package/dist/icons/Building.js

@@ -3,24 +3,24 @@ import Svg, { Path } from "react-native-svg";
 const SvgBuilding = (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="M5.27 7a2.25 2.25 0 0 1 2.25-2.25h4.472A2.25 2.25 0 0 1 14.242 7v12.25H5.27V7Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       fillRule="evenodd"
       d="M14.972 20H19.5v-7.378a3 3 0 0 0-3-3h-1.528v1.5H16.5a1.5 1.5 0 0 1 1.5 1.5V18.5h-3.028V20Z"
       clipRule="evenodd"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeWidth={1.5}
       d="M2.25 19.25h19.5M5.75 9.25h2.5M7.75 9.25h3.5M5.75 12.25h2.5M7.75 12.25h3.5"

package/dist/icons/Calendar.js

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

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgCamera = (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.586 4.586 1.121 1.121a1 1 0 0 0 .707.293H19a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2.586a1 1 0 0 0 .707-.293l1.121-1.121A2 2 0 0 1 10.828 4h2.344a2 2 0 0 1 1.414.586Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/CannedResponses.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgCannedResponses = (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="M12 22H4V8h12V6H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8v-2Zm10-8.586 6-6V12h2V4h-8v2h4.586l-6 6L22 13.414ZM13.495 30l-1.6-1.2L17 22h7v-6h2v6a2.002 2.002 0 0 1-2 2h-6l-4.505 6Z"
     />
   </Svg>

package/dist/icons/Category.js

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

package/dist/icons/CenterAlign.js

@@ -3,8 +3,8 @@ import Svg, { G, Rect, Mask, Path, Defs, ClipPath } from "react-native-svg";
 const SvgCenterAlign = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={18}
-    height={19}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -14,7 +14,7 @@ const SvgCenterAlign = (props) => (
         height={3.857}
         x={3}
         y={11.334}
-        fill="#68737D"
+        fill={props.color}
         rx={1}
       />
       <Mask id="CenterAlign_svg__b" fill="#fff">
@@ -25,12 +25,16 @@ const SvgCenterAlign = (props) => (
         height={3.857}
         x={4.5}
         y={6.19}
-        stroke="#68737D"
+        stroke={props.color}
         strokeWidth={3}
         mask="url(#CenterAlign_svg__b)"
         rx={1}
       />
-      <Path stroke="#68737D" strokeWidth={1.5} d="M9 9.619v7.5M9 2.869v3.75" />
+      <Path
+        stroke={props.color}
+        strokeWidth={1.5}
+        d="M9 9.619v7.5M9 2.869v3.75"
+      />
     </G>
     <Defs>
       <ClipPath id="CenterAlign_svg__a">

package/dist/icons/Chat.js

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

@@ -3,16 +3,16 @@ import Svg, { Path } from "react-native-svg";
 const SvgChatBubble = (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="M17.74 30 16 29l4-7h6a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h9v2H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4h-4.84l-3.42 6Z"
     />
-    <Path fill="#68737D" d="M8 10h16v2H8v-2Zm0 6h10v2H8v-2Z" />
+    <Path fill={props.color} d="M8 10h16v2H8v-2Zm0 6h10v2H8v-2Z" />
   </Svg>
 );
 export default SvgChatBubble;

package/dist/icons/ChatEmpty.js

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

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgChatNotification = (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="M12 22H4V8h12V6H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8v-2Zm1.495 8-1.6-1.2L17 22h7v-6h2v6a2.002 2.002 0 0 1-2 2h-6l-4.505 6ZM23 13a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"
     />
   </Svg>

package/dist/icons/ChatOffline.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgChatOffline = (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.394 14C18.5 16 15.5 18.48 12 18.48c-.5 0-1.114-.054-1.661-.159L7.2 19.867v-2.845A7.011 7.011 0 0 1 4 11.24C4 7.223 7.6 4 12 4s8 3.223 8 7.24a6.794 6.794 0 0 1-.606 2.76Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeWidth={1.5}
       d="m4 4 16.5 16.5"

package/dist/icons/Check.js

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

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

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

package/dist/icons/CheckboxInactive.js

@@ -3,8 +3,8 @@ import Svg, { Rect } from "react-native-svg";
 const SvgCheckboxInactive = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -13,7 +13,7 @@ const SvgCheckboxInactive = (props) => (
       height={16.5}
       x={3.75}
       y={3.75}
-      stroke="#68737D"
+      stroke={props.color}
       strokeWidth={1.5}
       rx={1.25}
     />

package/dist/icons/Checkmark.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgCheckmark = (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="M22 11.086v.92a10 10 0 1 1-5.93-9.14"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Chrome.js

@@ -3,19 +3,19 @@ import Svg, { Path } from "react-native-svg";
 const SvgChrome = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={16}
-    height={16}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       d="M12.243 3.757a6 6 0 1 1-8.485 8.486 6 6 0 0 1 8.485-8.486"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       d="M8 5.273h5.347m-3.419.798a2.727 2.727 0 1 1-3.857 3.857 2.727 2.727 0 0 1 3.857-3.857v0Zm.434 3.292L7.713 14l2.65-4.637ZM2.954 4.76 5.64 9.366 2.953 4.76Z"

package/dist/icons/Clock.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgClock = (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="M8.557 3.687a8.998 8.998 0 0 1 11.756 4.87 8.998 8.998 0 0 1-4.87 11.756A8.998 8.998 0 1 1 8.557 3.687"
     />
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Close.js

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

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

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

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

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

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

@@ -3,8 +3,8 @@ import Svg, { Rect, Path } from "react-native-svg";
 const SvgColumn = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -13,12 +13,12 @@ const SvgColumn = (props) => (
       height={14.5}
       x={4.75}
       y={20.25}
-      stroke="#68737D"
+      stroke={props.color}
       strokeWidth={1.5}
       rx={2.25}
       transform="rotate(-90 4.75 20.25)"
     />
-    <Path stroke="#68737D" strokeWidth={1.5} d="M12 4v16.313" />
+    <Path stroke={props.color} strokeWidth={1.5} d="M12 4v16.313" />
   </Svg>
 );
 export default SvgColumn;

package/dist/icons/Computer.js

@@ -3,18 +3,18 @@ import Svg, { Path } from "react-native-svg";
 const SvgComputer = (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"
       d="M18.429 17H5.571A2.57 2.57 0 0 1 3 14.429V5.571A2.57 2.57 0 0 1 5.571 3h12.857A2.571 2.571 0 0 1 21 5.571v8.857A2.571 2.571 0 0 1 18.429 17v0Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeWidth={1.5}
       d="m14 17 .5 4M10 17l-.5 4M8.14 21h7.72"

package/dist/icons/ContactBook.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgContactBook = (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="M16.321 16.541a2.905 2.905 0 0 0-2.865-2.453h-2.912a2.904 2.904 0 0 0-2.865 2.453m5.912-8.882a2.25 2.25 0 1 1-3.18 3.182 2.25 2.25 0 0 1 3.18-3.182Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Copy.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgCopy = (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="M5.167 16A2.167 2.167 0 0 1 3 13.833V5.167C3 3.97 3.97 3 5.167 3h8.667C15.03 3 16 3.97 16 5.167"
     />
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/CreditCard.js

@@ -3,13 +3,13 @@ import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
 const SvgCreditCard = (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.6}