@bigbinary/neeto-icons-rn 1.0.0 → 1.0.2

package/dist/icons/Code.js

@@ -3,13 +3,13 @@ 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}
   >
     <Path
-      stroke="#323232"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

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}
@@ -19,7 +19,7 @@ const SvgCreditCard = (props) => (
     </G>
     <Defs>
       <ClipPath id="CreditCard_svg__a">
-        <Path fill="#fff" d="M0 0h24v24H0z" />
+        <Path fill={props.color} d="M0 0h24v24H0z" />
       </ClipPath>
     </Defs>
   </Svg>

package/dist/icons/Css3.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgCss3 = (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="M6.384 5H20l-2.416 12.072-7.271 2.416L4 17.072l.64-3.228h2.676l-.263 1.337 3.84 1.457 4.394-1.457.61-3.084H4.959l.525-2.675h10.938l.35-1.716H5.832L6.383 5Z"
     />
   </Svg>

package/dist/icons/Cursor.js

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

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

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgCustomers = (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="M10.875 6.276a2.651 2.651 0 0 0-3.75 3.75m0 0a2.65 2.65 0 1 0 3.75-3.749m-4.81-1.061a4.15 4.15 0 1 1 0 5.87 4.151 4.151 0 0 1 0-5.87Zm8.185.534A.75.75 0 0 1 15 5h6a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1-.75-.75Zm1 3.5A.75.75 0 0 1 16 8.5h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75Zm1 3.5A.75.75 0 0 1 17 12h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75ZM7 15.5a3.25 3.25 0 0 0-3.25 3.25.75.75 0 0 1-1.5 0A4.75 4.75 0 0 1 7 14h4a4.75 4.75 0 0 1 4.75 4.75.75.75 0 0 1-1.5 0A3.25 3.25 0 0 0 11 15.5H7Z"
       clipRule="evenodd"

package/dist/icons/Customize.js

@@ -3,17 +3,17 @@ import Svg, { Path } from "react-native-svg";
 const SvgCustomize = (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="M10 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM16 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM22 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM23 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM19 25a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M16.54 2A14 14 0 0 0 2 16a4.82 4.82 0 0 0 6.09 4.65l1.12-.31a3 3 0 0 1 3.79 2.9V27a3 3 0 0 0 3 3 14 14 0 0 0 14-14.54A14.05 14.05 0 0 0 16.54 2Zm8.11 22.31A11.932 11.932 0 0 1 16 28a1 1 0 0 1-1-1v-3.76a5 5 0 0 0-6.33-4.82l-1.12.31A2.82 2.82 0 0 1 4 16 12 12 0 0 1 16.47 4 12.18 12.18 0 0 1 28 15.53a11.891 11.891 0 0 1-3.35 8.79v-.01Z"
     />
   </Svg>

package/dist/icons/Dashboard.js

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

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgDatabase = (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="m3.82 6.336.716.39-.288-.154.278.176.01-.018-.288-.155.278.176c.014-.017.33-.524 1.413-1.047 1.086-.524 2.957-1.059 6.057-1.059 3.312 0 5.218.612 6.265 1.164.524.278.84.541 1.016.717.088.088.141.155.17.194l.02.031.278-.176-.288.155.01.018.278-.176-.288.155.72-.39h-.819v11.327h.82l-.714-.39.288.154-.278-.176-.01.018.288.155-.278-.176c-.014.017-.33.524-1.413 1.048-1.086.523-2.957 1.058-6.057 1.058-3.312 0-5.218-.612-6.265-1.164-.524-.278-.84-.541-1.016-.717a1.657 1.657 0 0 1-.17-.194l-.02-.031-.278.176.288-.155-.01-.018-.278.176.288-.155-.72.39h.819V6.337h-.823l.717.39-.717-.39H3v11.535l.098.183c.067.127.535.89 1.87 1.593C6.306 20.352 8.492 21 12 21s5.692-.647 7.031-1.354c1.336-.703 1.807-1.466 1.87-1.592L21 17.87V6.13l-.098-.183c-.067-.126-.535-.89-1.87-1.592C17.691 3.647 15.508 3 12 3s-5.692.647-7.031 1.354c-1.336.703-1.804 1.466-1.87 1.592L3 6.13v.207h.82Zm-.55 7.091c.092.088 3.02 2.665 8.73 2.665 5.71 0 8.634-2.577 8.73-2.665l-1.094-1.216.32.355-.316-.359-.004.004.32.355-.316-.359s-.036.032-.113.092c-.552.425-3.041 2.151-7.524 2.155-2.605 0-4.528-.584-5.8-1.157a9.287 9.287 0 0 1-1.414-.777 4.345 4.345 0 0 1-.334-.242l-.073-.06-.014-.01-.317.358.32-.355-.003-.004-.317.359.32-.355-1.1 1.216Zm0-4.911c.092.088 3.02 2.665 8.73 2.665 5.71 0 8.634-2.577 8.73-2.665L19.635 7.3l.32.355-.316-.359-.004.004.32.355-.316-.359s-.036.032-.113.091c-.552.426-3.041 2.152-7.524 2.156-2.605 0-4.528-.584-5.8-1.157a9.282 9.282 0 0 1-1.414-.777 4.374 4.374 0 0 1-.334-.243l-.073-.06-.014-.01-.317.359.32-.355-.003-.004-.317.359.32-.355-1.1 1.216Z"
     />
   </Svg>

package/dist/icons/Delete.js

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

@@ -3,27 +3,27 @@ import Svg, { Path } from "react-native-svg";
 const SvgDesign = (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="M16 3H8a5 5 0 0 0-5 5v8a5 5 0 0 0 5 5h8a5 5 0 0 0 5-5V8a5 5 0 0 0-5-5Z"
     />
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
       d="m12.406 15.21-3.024.756a1.11 1.11 0 0 1-1.348-1.348l.758-3.032a2.974 2.974 0 0 1 2.892-2.253h.008a2.981 2.981 0 0 1 2.342 4.819c-.41.524-.982.896-1.628 1.058v0Z"
     />
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/DoubleCheck.js

@@ -3,19 +3,19 @@ import Svg, { Path } from "react-native-svg";
 const SvgDoubleCheck = (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="M16.78 8.28a.75.75 0 0 0-1.06-1.06l-5.135 5.134 1.061 1.06L16.78 8.28Zm-7.957 7.957-1.06-1.06-.013.012-3.47-3.47a.75.75 0 0 0-1.06 1.061l4 4a.75.75 0 0 0 1.06 0l.543-.543Z"
       clipRule="evenodd"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Down.js

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

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

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgDownArrowCircle = (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="M3 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 16V8"
     />
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Download.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgDownload = (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="M21 17a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4m9 0V3v14Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Draft.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgDraft = (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.484}
       d="M21 10.713v8.276C21 20.1 20.129 21 19.054 21H4.946C3.871 21 3 20.1 3 18.99V7.01C3 5.9 3.871 5 4.946 5h5.351"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Dropdown.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgDropdown = (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="M6 13h6M6 17h6M18.999 5.775a.225.225 0 1 0 .003.45.225.225 0 0 0-.003-.45M2 19a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3H4a2 2 0 0 0-2 2v14Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Edit.js

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

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

@@ -3,27 +3,27 @@ import Svg, { Path } from "react-native-svg";
 const SvgEmailSent = (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="M11 18H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v4"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
       d="m20.961 6.615-7.427 4.339a3 3 0 0 1-3.027 0L3.041 6.593M18 13a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Error.js

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

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

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