@bigbinary/neeto-icons-rn 1.0.0 → 1.0.1

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}

package/dist/icons/Eye.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgEye = (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="M14.122 9.88a3.004 3.004 0 0 1 0 4.245 3.004 3.004 0 0 1-4.245 0 3.004 3.004 0 0 1 0-4.245 3 3 0 0 1 4.245 0Z"
     />
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Facebook.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgFacebook = (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="M12 3c-4.96 0-9 4.04-9 9s4.04 9 9 9 9-4.04 9-9-4.04-9-9-9Zm0 1.501A7.488 7.488 0 0 1 19.499 12a7.486 7.486 0 0 1-6.384 7.41v-5.223h2.137l.334-2.17h-2.472v-1.184c0-.9.296-1.702 1.14-1.702h1.353V7.24c-.239-.032-.742-.102-1.691-.102-1.986 0-3.15 1.048-3.15 3.438v1.442H8.723v2.169h2.043v5.203A7.481 7.481 0 0 1 4.501 12 7.485 7.485 0 0 1 12 4.501Z"
     />
   </Svg>

package/dist/icons/Favorite.js

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

@@ -3,8 +3,8 @@ import Svg, { Rect, Path } from "react-native-svg";
 const SvgFile = (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 SvgFile = (props) => (
       height={18.5}
       x={4.75}
       y={2.75}
-      stroke="#68737D"
+      stroke={props.color}
       strokeWidth={1.5}
       rx={3.25}
     />
@@ -22,13 +22,13 @@ const SvgFile = (props) => (
       height={5.5}
       x={14.75}
       y={2.75}
-      fill="#68737D"
-      stroke="#68737D"
+      fill={props.color}
+      stroke={props.color}
       strokeWidth={1.5}
       rx={1.25}
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeWidth={1.5}
       d="M7.75 11.25h6.5M7.75 14.25h4.5M7.75 17.25h6.5"

package/dist/icons/FileDownload.js

@@ -3,8 +3,8 @@ import Svg, { Rect, Path } from "react-native-svg";
 const SvgFileDownload = (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 SvgFileDownload = (props) => (
       height={18.5}
       x={4.75}
       y={2.75}
-      stroke="#68737D"
+      stroke={props.color}
       strokeWidth={1.5}
       rx={3.25}
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       d="M15 13.789 12 17l-3-3.211M12.01 9v7.973V9Z"
@@ -28,8 +28,8 @@ const SvgFileDownload = (props) => (
       height={5.5}
       x={14.75}
       y={2.75}
-      fill="#68737D"
-      stroke="#68737D"
+      fill={props.color}
+      stroke={props.color}
       strokeWidth={1.5}
       rx={1.25}
     />

package/dist/icons/FileGeneric.js

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

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

package/dist/icons/FilterAz.js

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