@bigbinary/neeto-icons-rn 1.0.0 → 1.0.2

package/dist/icons/UserRemove.js

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

@@ -3,17 +3,17 @@ import Svg, { Path } from "react-native-svg";
 const SvgUserRole = (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="M22 11h4a1 1 0 0 1 1 1v2h-6v-2a1 1 0 0 1 1-1ZM24 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M30 18H18a2.002 2.002 0 0 1-2-2V4a2.003 2.003 0 0 1 2-2h12a2.002 2.002 0 0 1 2 2v12a2.003 2.003 0 0 1-2 2ZM18 4v12h12.001V4H18Zm-3 26h-2v-4a2.946 2.946 0 0 0-3-3H6a2.946 2.946 0 0 0-3 3v4H1v-4a4.952 4.952 0 0 1 5-5h4a4.95 4.95 0 0 1 5 5v4ZM8 11a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0-2a5 5 0 1 0 0 10A5 5 0 0 0 8 9Z"
     />
   </Svg>

package/dist/icons/UserSettings.js

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

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

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

@@ -3,17 +3,17 @@ import Svg, { Path } from "react-native-svg";
 const SvgVolume = (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 6.385c0-.887-1.069-1.335-1.7-.714L7.667 8.257a1 1 0 0 1-.701.287H4a1 1 0 0 0-1 1v3.847a1 1 0 0 0 1 1h2.9a1 1 0 0 1 .702.287l2.697 2.65c.633.622 1.701.174 1.701-.713V6.385Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       d="M14 8.358c.565.785.866 1.703.866 2.642 0 .939-.3 1.857-.866 2.642m1.923-7.037c1.03 1.273 1.585 2.813 1.585 4.395 0 1.582-.555 3.122-1.585 4.395M17.683 5C19.184 6.701 20 8.818 20 11s-.817 4.299-2.316 6"
     />

package/dist/icons/Volume0.js

@@ -3,17 +3,17 @@ import Svg, { Path } from "react-native-svg";
 const SvgVolume0 = (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 6.385c0-.887-1.069-1.335-1.7-.714L7.667 8.257a1 1 0 0 1-.701.287H4a1 1 0 0 0-1 1v3.847a1 1 0 0 0 1 1h2.9a1 1 0 0 1 .702.287l2.697 2.65c.633.622 1.701.174 1.701-.713V6.385Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       d="m15 10 4 4M19 10l-4 4"

package/dist/icons/Volume100.js

@@ -3,17 +3,17 @@ import Svg, { Path } from "react-native-svg";
 const SvgVolume100 = (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 6.385c0-.887-1.069-1.335-1.7-.714L7.667 8.257a1 1 0 0 1-.701.287H4a1 1 0 0 0-1 1v3.847a1 1 0 0 0 1 1h2.9a1 1 0 0 1 .702.287l2.697 2.65c.633.622 1.701.174 1.701-.713V6.385Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       d="M14 9.358c.565.785.866 1.703.866 2.642 0 .939-.3 1.857-.866 2.642m1.923-7.037c1.03 1.273 1.585 2.813 1.585 4.395 0 1.582-.555 3.122-1.585 4.395M17.683 6C19.184 7.701 20 9.818 20 12s-.817 4.299-2.316 6M12 10.5c.32.446.492.967.492 1.5s-.171 1.054-.492 1.5"
     />

package/dist/icons/Volume25.js

@@ -3,17 +3,17 @@ import Svg, { Path } from "react-native-svg";
 const SvgVolume25 = (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 6.385c0-.887-1.069-1.335-1.7-.714L7.667 8.257a1 1 0 0 1-.701.287H4a1 1 0 0 0-1 1v3.847a1 1 0 0 0 1 1h2.9a1 1 0 0 1 .702.287l2.697 2.65c.633.622 1.701.174 1.701-.713V6.385Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       d="M12 10.5c.32.446.492.967.492 1.5s-.171 1.054-.492 1.5"
     />

package/dist/icons/Volume50.js

@@ -3,17 +3,17 @@ import Svg, { Path } from "react-native-svg";
 const SvgVolume50 = (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 6.385c0-.887-1.069-1.335-1.7-.714L7.667 8.257a1 1 0 0 1-.701.287H4a1 1 0 0 0-1 1v3.847a1 1 0 0 0 1 1h2.9a1 1 0 0 1 .702.287l2.697 2.65c.633.622 1.701.174 1.701-.713V6.385Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       d="M14 9.358c.565.785.866 1.703.866 2.642 0 .939-.3 1.857-.866 2.642M12 10.5c.32.446.492.967.492 1.5s-.171 1.054-.492 1.5"
     />

package/dist/icons/Volume75.js

@@ -3,17 +3,17 @@ import Svg, { Path } from "react-native-svg";
 const SvgVolume75 = (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 6.385c0-.887-1.069-1.335-1.7-.714L7.667 8.257a1 1 0 0 1-.701.287H4a1 1 0 0 0-1 1v3.847a1 1 0 0 0 1 1h2.9a1 1 0 0 1 .702.287l2.697 2.65c.633.622 1.701.174 1.701-.713V6.385Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       d="M14 9.358c.565.785.866 1.703.866 2.642 0 .939-.3 1.857-.866 2.642m1.923-7.037c1.03 1.273 1.585 2.813 1.585 4.395 0 1.582-.555 3.122-1.585 4.395M12 10.5c.32.446.492.967.492 1.5s-.171 1.054-.492 1.5"
     />

package/dist/icons/VolumeOutline.js

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

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgVolumeOutline0 = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#fff"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
       d="m5.875 8.625 3.979-3.37a1 1 0 0 1 1.646.762v11.965c0 .852-.997 1.314-1.646.763l-3.979-3.37"
     />
     <Path
-      stroke="#fff"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Warning.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgWarning = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#F3CD82"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
       d="M12 13.12V9.38M11.999 16.125a.25.25 0 1 0 .002.5.25.25 0 0 0-.002-.5Z"
     />
     <Path
-      stroke="#F3CD82"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/WarningFilled.js

@@ -3,14 +3,14 @@ import Svg, { Path } from "react-native-svg";
 const SvgWarningFilled = (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"
-      stroke="#68737D"
+      fill={props.color}
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Whatsapp.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgWhatsapp = (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="M18.401 5.633C16.722 3.923 14.45 3 12.05 3 7.111 3 3.1 7.016 3.1 11.982c0 1.58.428 3.125 1.184 4.475L3 21.098l4.74-1.251a8.872 8.872 0 0 0 4.277 1.085c4.935 0 8.982-4.015 8.982-8.982.032-2.368-.922-4.606-2.598-6.317ZM12.05 19.42c-1.35 0-2.665-.36-3.786-1.053l-.261-.166-2.832.756.757-2.764-.166-.297a7.395 7.395 0 0 1-1.15-3.977c0-4.114 3.359-7.469 7.47-7.469 1.976 0 3.85.789 5.263 2.17a7.393 7.393 0 0 1 2.17 5.264c.004 4.213-3.354 7.536-7.465 7.536Zm4.08-5.56c-.23-.1-1.316-.658-1.549-.725-.198-.067-.36-.099-.495.1-.166.229-.594.724-.725.886-.13.167-.261.167-.494.068-.23-.1-.955-.36-1.81-1.12a6.872 6.872 0 0 1-1.251-1.55c-.131-.229 0-.36.098-.459.1-.099.23-.261.33-.395.098-.131.165-.23.229-.361.067-.166.032-.262-.032-.396-.067-.099-.495-1.216-.69-1.679-.165-.428-.36-.36-.494-.396h-.428a.869.869 0 0 0-.594.262c-.198.23-.788.756-.788 1.877 0 1.12.788 2.17.923 2.304.099.166 1.58 2.404 3.817 3.39.527.23.955.36 1.284.46.526.166 1.021.13 1.413.099.428-.067 1.315-.527 1.513-1.054.198-.526.198-.986.131-1.053.007-.092-.159-.16-.389-.258Z"
     />
   </Svg>

package/dist/icons/WidgetModes.js

@@ -3,17 +3,17 @@ import Svg, { Path } from "react-native-svg";
 const SvgWidgetModes = (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 19a6.99 6.99 0 0 1-5.833-3.129l1.666-1.107a5 5 0 0 0 8.334 0l1.666 1.107A6.99 6.99 0 0 1 16 19.001Zm4-11a2 2 0 1 0 2 2 1.98 1.98 0 0 0-2-2Zm-8 0a2 2 0 1 0 2 2 1.98 1.98 0 0 0-2-2Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M17.736 30 16 29l4-7h6a1.998 1.998 0 0 0 2-2V6a1.998 1.998 0 0 0-2-2H6a1.997 1.997 0 0 0-2 2v14a1.997 1.997 0 0 0 2 2h9v2H6a3.999 3.999 0 0 1-4-4V6a3.999 3.999 0 0 1 4-4h20a3.999 3.999 0 0 1 4 4v14a3.999 3.999 0 0 1-4 4h-4.835l-3.43 6Z"
     />
   </Svg>

package/dist/logos/Neeto.js

@@ -10,8 +10,8 @@ import Svg, {
 const SvgNeeto = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={415}
-    height={415}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -41,9 +41,12 @@ const SvgNeeto = (props) => (
         d="M233.747 348.74c88.579 101.145 172.015 116.411 202.661 111.401v32.491H-8.032V230.487c43.685-2.726 153.2 17.108 241.779 118.253Z"
       />
     </G>
-    <Path fill="#fff" d="m74.965 99.783 78.777 78.777v175.062H74.965V99.782Z" />
     <Path
-      fill="#fff"
+      fill={props.color}
+      d="m74.965 99.783 78.777 78.777v175.062H74.965V99.782Z"
+    />
+    <Path
+      fill={props.color}
       d="M162.496 169.807h43.765c29.005 0 52.518 23.514 52.518 52.519v131.296h78.778V222.326c0-72.513-58.783-131.296-131.296-131.296H83.718l78.778 78.777Z"
     />
     <Defs>

package/dist/logos/NeetoAnalytics.js

@@ -4,8 +4,8 @@ import Svg, { Path, G, Defs, LinearGradient, Stop } from "react-native-svg";
 const SvgNeetoAnalytics = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -13,7 +13,7 @@ const SvgNeetoAnalytics = (props) => (
       fill="url(#NeetoAnalytics_svg__a)"
       d="M40 20C40 8.954 31.046 0 20 0H0v40h40V20Z"
     />
-    <G fill="#fff" filter="url(#NeetoAnalytics_svg__b)">
+    <G fill={props.color} filter="url(#NeetoAnalytics_svg__b)">
       <Path d="M8.571 18.987h2.705v4.734H8.571zM12.358 15.606h2.705v8.115h-2.705zM16.145 11.143h2.706V23.72h-2.706V11.143Z" />
       <Path
         fillRule="evenodd"

package/dist/logos/NeetoCal.js

@@ -11,8 +11,8 @@ import Svg, {
 const SvgNeetoCal = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -20,7 +20,7 @@ const SvgNeetoCal = (props) => (
       fill="url(#NeetoCal_svg__a)"
       d="M40 20C40 8.954 31.046 0 20 0H0v40h40V20Z"
     />
-    <G fill="#fff" filter="url(#NeetoCal_svg__b)">
+    <G fill={props.color} filter="url(#NeetoCal_svg__b)">
       <Rect width={2.399} height={2.399} x={14.123} y={22.222} rx={0.24} />
       <Rect width={2.399} height={2.399} x={14.123} y={25.34} rx={0.24} />
       <Rect width={2.399} height={2.399} x={17.242} y={19.104} rx={0.24} />

package/dist/logos/NeetoChangelog.js

@@ -11,8 +11,8 @@ import Svg, {
 const SvgNeetoChangelog = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -20,7 +20,7 @@ const SvgNeetoChangelog = (props) => (
       fill="url(#NeetoChangelog_svg__a)"
       d="M40 20C40 8.954 31.046 0 20 0H0v40h40V20Z"
     />
-    <G fill="#fff" filter="url(#NeetoChangelog_svg__b)">
+    <G fill={props.color} filter="url(#NeetoChangelog_svg__b)">
       <Rect width={2.43} height={15.749} x={25.208} y={13.429} rx={1.215} />
       <Path
         fillRule="evenodd"

package/dist/logos/NeetoChat.js

@@ -11,8 +11,8 @@ import Svg, {
 const SvgNeetoChat = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -23,7 +23,7 @@ const SvgNeetoChat = (props) => (
       />
       <G filter="url(#NeetoChat_svg__c)">
         <Path
-          fill="#fff"
+          fill={props.color}
           d="M18.33 13.165h3.848c2.041 0 3.999.787 5.442 2.19a7.372 7.372 0 0 1 2.254 5.288c0 1.983-.81 3.885-2.254 5.287a7.812 7.812 0 0 1-5.442 2.19v3.272c-4.81-1.87-11.544-4.673-11.544-10.75 0-.981.199-1.954.586-2.861a7.468 7.468 0 0 1 1.668-2.426 7.714 7.714 0 0 1 2.497-1.621 7.892 7.892 0 0 1 2.945-.57Z"
         />
       </G>
@@ -41,7 +41,7 @@ const SvgNeetoChat = (props) => (
         <Stop offset={1} stopColor="#8886FF" />
       </LinearGradient>
       <ClipPath id="NeetoChat_svg__a">
-        <Path fill="#fff" d="M0 0h40v40H0z" />
+        <Path fill={props.color} d="M0 0h40v40H0z" />
       </ClipPath>
     </Defs>
   </Svg>

package/dist/logos/NeetoCi.js

@@ -4,8 +4,8 @@ import Svg, { Path, G, Defs, LinearGradient, Stop } from "react-native-svg";
 const SvgNeetoCi = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -15,7 +15,7 @@ const SvgNeetoCi = (props) => (
     />
     <G filter="url(#NeetoCI_svg__b)">
       <Path
-        fill="#fff"
+        fill={props.color}
         d="M29.463 12H10.537a.822.822 0 0 0-.823.823v18.926c0 .455.368.822.823.822h18.926a.822.822 0 0 0 .823-.822V12.823a.822.822 0 0 0-.823-.823Zm-9.435 10.443-4.937 4.14a.204.204 0 0 1-.337-.157v-1.613c0-.059.029-.118.075-.156l2.823-2.371-2.823-2.371a.198.198 0 0 1-.075-.157v-1.612c0-.175.203-.27.337-.157l4.937 4.137c.1.083.1.234 0 .317Zm5.218 3.983c0 .113-.088.205-.193.205h-4.757c-.106 0-.193-.092-.193-.205V25.19c0-.113.087-.205.193-.205h4.757c.105 0 .193.092.193.205v1.235Z"
       />
     </G>

package/dist/logos/NeetoCourse.js

@@ -4,8 +4,8 @@ import Svg, { Path, G, Defs, LinearGradient, Stop } from "react-native-svg";
 const SvgNeetoCourse = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -13,7 +13,7 @@ const SvgNeetoCourse = (props) => (
       fill="url(#NeetoCourse_svg__a)"
       d="M40 20C40 8.954 31.046 0 20 0H0v40h40V20Z"
     />
-    <G fill="#fff" filter="url(#NeetoCourse_svg__b)">
+    <G fill={props.color} filter="url(#NeetoCourse_svg__b)">
       <Path
         fillRule="evenodd"
         d="M20 8.286c5.365 0 9.714 4.349 9.714 9.714v9.714H10.286V8.286H20Zm4.34 4.274a.971.971 0 0 0-.972.971v11.01a.972.972 0 0 0 1.943 0V13.53a.971.971 0 0 0-.972-.971Z"

package/dist/logos/NeetoCrm.js

@@ -11,8 +11,8 @@ import Svg, {
 const SvgNeetoCrm = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -21,7 +21,7 @@ const SvgNeetoCrm = (props) => (
       d="M40 20C40 8.954 31.046 0 20 0H0v40h40V20Z"
     />
     <G
-      fill="#fff"
+      fill={props.color}
       fillRule="evenodd"
       clipPath="url(#NeetoCRM_svg__b)"
       clipRule="evenodd"
@@ -43,7 +43,7 @@ const SvgNeetoCrm = (props) => (
         <Stop offset={1} stopColor="#6BD1F1" />
       </LinearGradient>
       <ClipPath id="NeetoCRM_svg__b">
-        <Path fill="#fff" d="M6.286 8.571h27.429v27.43H6.285z" />
+        <Path fill={props.color} d="M6.286 8.571h27.429v27.43H6.285z" />
       </ClipPath>
     </Defs>
   </Svg>

package/dist/logos/NeetoDeploy.js

@@ -4,8 +4,8 @@ import Svg, { Path, G, Defs, LinearGradient, Stop } from "react-native-svg";
 const SvgNeetoDeploy = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -13,7 +13,7 @@ const SvgNeetoDeploy = (props) => (
       fill="url(#NeetoDeploy_svg__a)"
       d="M40 20C40 8.954 31.046 0 20 0H0v40h40V20Z"
     />
-    <G fill="#fff" filter="url(#NeetoDeploy_svg__b)">
+    <G fill={props.color} filter="url(#NeetoDeploy_svg__b)">
       <Path d="M9.11 22.945a125.448 125.448 0 0 0 3.579-5.414c-2.924.258-5.726 3.896-5.726 3.896l1.93 1.93c.056-.143.127-.282.218-.412ZM16.645 31.109l1.928 1.928s3.638-2.802 3.897-5.725c-1.216.76-2.86 1.803-5.414 3.578-.13.09-.267.162-.41.219ZM13.713 30.112c-.331.134-.657.276-.996.39-.906.302-1.839.507-2.785.637-.397.055-.797.101-1.198.132l.012-.149c.083-.964.23-1.923.466-2.861.115-.453.26-.893.417-1.333.097-.274.218-.535.34-.797l-.212-.212a5.263 5.263 0 0 0-1.23 1.17 7.683 7.683 0 0 0-1.172 2.233A9.29 9.29 0 0 0 6.865 32c-.004.127-.013.258.007.384a.894.894 0 0 0 .608.712c.13.042.262.043.398.042a8.953 8.953 0 0 0 2.45-.385c1.443-.429 2.9-1.235 3.754-2.51l-.206-.206-.163.074ZM29.766 10.235a.8.8 0 0 0-.582-.234c-2.576.05-8.93.532-12.306 3.907-1.532 1.532-2.03 2.33-3.121 4.078-.786 1.258-1.862 2.982-3.829 5.812a.8.8 0 0 0 .091 1.023l5.16 5.16a.8.8 0 0 0 1.023.091c2.831-1.967 4.554-3.043 5.812-3.828 1.748-1.092 2.546-1.59 4.078-3.122 3.381-3.381 3.86-9.732 3.908-12.306a.8.8 0 0 0-.234-.581Zm-5.975 9.736a2.66 2.66 0 1 1-3.762-3.762 2.66 2.66 0 0 1 3.762 3.762Z" />
     </G>
     <Defs>

package/dist/logos/NeetoDesk.js

@@ -11,8 +11,8 @@ import Svg, {
 const SvgNeetoDesk = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -21,7 +21,7 @@ const SvgNeetoDesk = (props) => (
         fill="url(#NeetoDesk_svg__b)"
         d="M40 20C40 8.954 31.046 0 20 0H0v40h40V20Z"
       />
-      <G fill="#fff" filter="url(#NeetoDesk_svg__c)">
+      <G fill={props.color} filter="url(#NeetoDesk_svg__c)">
         <Path d="M9.511 20.341h4.231c1.169 0 2.116.939 2.116 2.096v3.144c0 1.736-1.42 3.144-3.173 3.144-1.753 0-3.174-1.408-3.174-3.144v-5.24ZM24.32 22.437c0-1.157.948-2.096 2.116-2.096h4.231v5.24c0 1.736-1.42 3.144-3.173 3.144-1.753 0-3.173-1.408-3.173-3.144v-3.144ZM9.563 20.341c.531-5.296 5.041-9.432 10.526-9.432 5.485 0 9.995 4.136 10.526 9.432h-2.129c-.52-4.136-4.081-7.336-8.397-7.336-4.315 0-7.876 3.2-8.397 7.336H9.563Z" />
       </G>
     </G>
@@ -38,7 +38,7 @@ const SvgNeetoDesk = (props) => (
         <Stop offset={1} stopColor="#FFD55C" />
       </LinearGradient>
       <ClipPath id="NeetoDesk_svg__a">
-        <Path fill="#fff" d="M0 0h40v40H0z" />
+        <Path fill={props.color} d="M0 0h40v40H0z" />
       </ClipPath>
     </Defs>
   </Svg>

package/dist/logos/NeetoEngage.js

@@ -4,8 +4,8 @@ import Svg, { Path, G, Defs, LinearGradient, Stop } from "react-native-svg";
 const SvgNeetoEngage = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -14,7 +14,7 @@ const SvgNeetoEngage = (props) => (
       d="M40 20C40 8.954 31.046 0 20 0H0v40h40V20Z"
     />
     <G
-      fill="#fff"
+      fill={props.color}
       fillRule="evenodd"
       clipRule="evenodd"
       filter="url(#NeetoEngage_svg__b)"