@bigbinary/neeto-icons-rn 1.0.0 → 1.0.2

package/dist/appIcons/NeetoPlanner.js

@@ -11,8 +11,8 @@ import Svg, {
 const SvgNeetoPlanner = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -62,7 +62,7 @@ const SvgNeetoPlanner = (props) => (
       height={4.235}
       x={10.753}
       y={10.753}
-      fill="#fff"
+      fill={props.color}
       rx={1.059}
     />
     <Rect
@@ -70,7 +70,7 @@ const SvgNeetoPlanner = (props) => (
       height={4.235}
       x={15.517}
       y={10.752}
-      fill="#fff"
+      fill={props.color}
       rx={1.059}
     />
     <Rect
@@ -78,7 +78,7 @@ const SvgNeetoPlanner = (props) => (
       height={4.235}
       x={20.282}
       y={10.752}
-      fill="#fff"
+      fill={props.color}
       rx={1.059}
     />
     <Rect
@@ -86,7 +86,7 @@ const SvgNeetoPlanner = (props) => (
       height={4.235}
       x={25.047}
       y={10.752}
-      fill="#fff"
+      fill={props.color}
       rx={1.059}
     />
     <Rect
@@ -94,7 +94,7 @@ const SvgNeetoPlanner = (props) => (
       height={4.235}
       x={10.752}
       y={15.518}
-      fill="#fff"
+      fill={props.color}
       rx={1.059}
     />
     <Rect
@@ -102,7 +102,7 @@ const SvgNeetoPlanner = (props) => (
       height={4.235}
       x={15.517}
       y={15.518}
-      fill="#fff"
+      fill={props.color}
       rx={1.059}
     />
     <Rect
@@ -110,7 +110,7 @@ const SvgNeetoPlanner = (props) => (
       height={4.235}
       x={20.282}
       y={15.518}
-      fill="#fff"
+      fill={props.color}
       rx={1.059}
     />
     <Rect
@@ -118,7 +118,7 @@ const SvgNeetoPlanner = (props) => (
       height={4.235}
       x={10.752}
       y={20.282}
-      fill="#fff"
+      fill={props.color}
       rx={1.059}
     />
     <Rect
@@ -126,7 +126,7 @@ const SvgNeetoPlanner = (props) => (
       height={4.235}
       x={15.517}
       y={20.282}
-      fill="#fff"
+      fill={props.color}
       rx={1.059}
     />
     <Rect
@@ -134,7 +134,7 @@ const SvgNeetoPlanner = (props) => (
       height={4.235}
       x={10.752}
       y={25.047}
-      fill="#fff"
+      fill={props.color}
       rx={1.059}
     />
     <Defs>
@@ -168,8 +168,8 @@ const SvgNeetoPlanner = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.12} />
-        <Stop offset={0.345} stopColor="#fff" stopOpacity={0} />
+        <Stop stopColor={props.color} stopOpacity={0.12} />
+        <Stop offset={0.345} stopColor={props.color} stopOpacity={0} />
       </LinearGradient>
     </Defs>
   </Svg>

package/dist/appIcons/NeetoPopups.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoPopups = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -45,7 +45,7 @@ const SvgNeetoPopups = (props) => (
         d="M37.42 22.366c0-10.215-8.28-18.495-18.495-18.495H.43v36.99h36.99V22.365Z"
       />
     </G>
-    <G fill="#fff" filter="url(#NeetoPopups_svg__e)">
+    <G fill={props.color} filter="url(#NeetoPopups_svg__e)">
       <Path d="m19.942 30.643-2.164-2.105h4.327l-2.163 2.105Z" />
       <Path
         fillRule="evenodd"
@@ -83,8 +83,8 @@ const SvgNeetoPopups = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.16} />
-        <Stop offset={0.531} stopColor="#fff" stopOpacity={0} />
+        <Stop stopColor={props.color} stopOpacity={0.16} />
+        <Stop offset={0.531} stopColor={props.color} stopOpacity={0} />
       </LinearGradient>
     </Defs>
   </Svg>

package/dist/appIcons/NeetoQuiz.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoQuiz = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -41,7 +41,7 @@ const SvgNeetoQuiz = (props) => (
       />
     </G>
     <G
-      fill="#fff"
+      fill={props.color}
       fillRule="evenodd"
       clipRule="evenodd"
       filter="url(#NeetoQuiz_svg__e)"
@@ -80,8 +80,8 @@ const SvgNeetoQuiz = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.16} />
-        <Stop offset={0.531} stopColor="#fff" stopOpacity={0} />
+        <Stop stopColor={props.color} stopOpacity={0.16} />
+        <Stop offset={0.531} stopColor={props.color} stopOpacity={0} />
       </LinearGradient>
     </Defs>
   </Svg>

package/dist/appIcons/NeetoReplay.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoReplay = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -45,7 +45,7 @@ const SvgNeetoReplay = (props) => (
         d="M37.42 22.366c0-10.215-8.28-18.495-18.495-18.495H.43v36.99h36.99V22.365Z"
       />
     </G>
-    <G fill="#fff" filter="url(#NeetoReplay_svg__e)">
+    <G fill={props.color} filter="url(#NeetoReplay_svg__e)">
       <Path d="M23.767 19.93a.452.452 0 0 1 0 .784l-5.476 3.162a.452.452 0 0 1-.679-.392V17.16c0-.348.377-.565.679-.391l5.476 3.162ZM28.335 14.947a.398.398 0 0 1-.454.454l-3.125-.485a.398.398 0 0 1-.22-.674l2.64-2.64a.398.398 0 0 1 .674.22l.485 3.125Z" />
       <Path
         fillRule="evenodd"
@@ -83,8 +83,8 @@ const SvgNeetoReplay = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.16} />
-        <Stop offset={0.531} stopColor="#fff" stopOpacity={0} />
+        <Stop stopColor={props.color} stopOpacity={0.16} />
+        <Stop offset={0.531} stopColor={props.color} stopOpacity={0} />
       </LinearGradient>
     </Defs>
   </Svg>

package/dist/appIcons/NeetoReview.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoReview = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -46,7 +46,7 @@ const SvgNeetoReview = (props) => (
       />
     </G>
     <G
-      fill="#fff"
+      fill={props.color}
       fillRule="evenodd"
       clipRule="evenodd"
       filter="url(#NeetoReview_svg__e)"
@@ -84,8 +84,8 @@ const SvgNeetoReview = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.16} />
-        <Stop offset={0.531} stopColor="#fff" stopOpacity={0} />
+        <Stop stopColor={props.color} stopOpacity={0.16} />
+        <Stop offset={0.531} stopColor={props.color} stopOpacity={0} />
       </LinearGradient>
     </Defs>
   </Svg>

package/dist/appIcons/NeetoRunner.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoRunner = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -47,7 +47,7 @@ const SvgNeetoRunner = (props) => (
     </G>
     <G filter="url(#NeetoRunner_svg__e)">
       <Path
-        fill="#fff"
+        fill={props.color}
         fillRule="evenodd"
         d="m19.145 9.708-1.411 1.411-6.579 6.579-2.266 2.266 2.266 2.267 6.579 6.578 1.411 1.412v-4.533l-5.723-5.724 5.723-5.723V9.707Zm1.71 15.98 5.723-5.724-5.723-5.724V9.708l1.411 1.411 6.579 6.579 2.266 2.266-2.266 2.267-6.579 6.578-1.411 1.412v-4.533Z"
         clipRule="evenodd"
@@ -83,8 +83,8 @@ const SvgNeetoRunner = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.16} />
-        <Stop offset={0.531} stopColor="#fff" stopOpacity={0} />
+        <Stop stopColor={props.color} stopOpacity={0.16} />
+        <Stop offset={0.531} stopColor={props.color} stopOpacity={0} />
       </LinearGradient>
     </Defs>
   </Svg>

package/dist/appIcons/NeetoSign.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoSign = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -39,7 +39,7 @@ const SvgNeetoSign = (props) => (
     </G>
     <G filter="url(#NeetoSign_svg__e)">
       <Path
-        fill="#fff"
+        fill={props.color}
         d="m22.169 25.35.23-.002c1.04 0 1.587.431 2.261 1.453l.336.519c.262.387.425.55.63.634.37.152.675.077 1.798-.463l.344-.168c.702-.344 1.18-.542 1.722-.677a.64.64 0 0 1 .31 1.24 5.971 5.971 0 0 0-1.08.4l-.988.475c-1.337.631-1.79.706-2.593.375-.533-.22-.836-.537-1.279-1.215l-.166-.259c-.513-.808-.771-1.035-1.295-1.035l-.135.003c-.37.023-.608.192-2.201 1.374-1.485 1.102-2.618 1.628-4.059 1.628-1.756 0-3.41-.322-4.959-.967l2.457-.568c.805.171 1.639.257 2.502.257 1.1 0 2.013-.424 3.297-1.377l.989-.73c1.084-.788 1.325-.885 1.879-.897Zm5.368-15.157a3.653 3.653 0 0 1 0 5.167l-.882.882c.982 1.195.946 2.461.033 3.377l-2.558 2.558a.64.64 0 1 1-.904-.904l2.557-2.557c.413-.414.461-.93-.034-1.567l-9.032 9.031a1.918 1.918 0 0 1-.925.513l-5.184 1.196a.64.64 0 0 1-.767-.766l1.197-5.184c.08-.35.258-.671.512-.925l10.82-10.821a3.653 3.653 0 0 1 5.167 0Z"
       />
     </G>
@@ -73,8 +73,8 @@ const SvgNeetoSign = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.16} />
-        <Stop offset={0.531} stopColor="#fff" stopOpacity={0} />
+        <Stop stopColor={props.color} stopOpacity={0.16} />
+        <Stop offset={0.531} stopColor={props.color} stopOpacity={0} />
       </LinearGradient>
     </Defs>
   </Svg>

package/dist/appIcons/NeetoSite.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoSite = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -42,7 +42,7 @@ const SvgNeetoSite = (props) => (
     </G>
     <G filter="url(#NeetoSite_svg__e)">
       <Path
-        fill="#fff"
+        fill={props.color}
         fillRule="evenodd"
         d="m27.625 11.956.026-.026H10.643c-.581 0-1.052.471-1.052 1.052v1.17h14.503v.234H9.59v12.515c0 .58.47 1.052 1.052 1.052H29.24c.581 0 1.052-.471 1.052-1.052V14.525l-2.667-2.569Zm-.571.594-5.142 5.338 2.769 2.666 5.141-5.338-2.768-2.666Zm-5.699 5.945-.915 3.692 3.655-1.053-2.74-2.639ZM11.345 13.1a.35.35 0 1 1-.702 0 .35.35 0 0 1 .702 0Zm.702.351a.35.35 0 1 0 0-.702.35.35 0 0 0 0 .702Zm1.403-.35a.35.35 0 1 1-.701 0 .35.35 0 0 1 .701 0Z"
         clipRule="evenodd"
@@ -78,8 +78,8 @@ const SvgNeetoSite = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.16} />
-        <Stop offset={0.531} stopColor="#fff" stopOpacity={0} />
+        <Stop stopColor={props.color} stopOpacity={0.16} />
+        <Stop offset={0.531} stopColor={props.color} stopOpacity={0} />
       </LinearGradient>
     </Defs>
   </Svg>

package/dist/appIcons/NeetoSocial.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoSocial = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -44,7 +44,7 @@ const SvgNeetoSocial = (props) => (
     </G>
     <G filter="url(#NeetoSocial_svg__e)">
       <Path
-        fill="#fff"
+        fill={props.color}
         d="M30.034 13.614a3.685 3.685 0 0 0-3.69-3.672h-12.83a3.683 3.683 0 0 0-3.69 3.693l.032 9.82a3.684 3.684 0 0 0 3.69 3.672h3.636l1.731 2.481a1.246 1.246 0 0 0 2.042.004l1.75-2.485h3.67a3.681 3.681 0 0 0 3.69-3.691l-.03-9.822Zm-10.09-1.484a3.442 3.442 0 1 1 0 6.884 3.442 3.442 0 0 1 0-6.884Zm5.482 12.028a.768.768 0 0 1-.769.769h-9.426a.769.769 0 0 1-.77-.77 3.485 3.485 0 0 1 3.481-3.492h4.006a3.479 3.479 0 0 1 3.477 3.493Z"
       />
     </G>
@@ -78,8 +78,8 @@ const SvgNeetoSocial = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.16} />
-        <Stop offset={0.531} stopColor="#fff" stopOpacity={0} />
+        <Stop stopColor={props.color} stopOpacity={0.16} />
+        <Stop offset={0.531} stopColor={props.color} stopOpacity={0} />
       </LinearGradient>
     </Defs>
   </Svg>

package/dist/appIcons/NeetoStore.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoStore = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -42,7 +42,7 @@ const SvgNeetoStore = (props) => (
     </G>
     <G filter="url(#NeetoStore_svg__e)">
       <Path
-        fill="#fff"
+        fill={props.color}
         fillRule="evenodd"
         d="M20.702 11.228A8.772 8.772 0 0 1 29.474 20v8.772H11.93V11.228h8.772Zm-3.743 4.328a.702.702 0 1 0-1.403 0 5.146 5.146 0 1 0 10.292 0 .702.702 0 0 0-1.403 0 3.743 3.743 0 0 1-7.486 0Z"
         clipRule="evenodd"
@@ -78,8 +78,8 @@ const SvgNeetoStore = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.16} />
-        <Stop offset={0.531} stopColor="#fff" stopOpacity={0} />
+        <Stop stopColor={props.color} stopOpacity={0.16} />
+        <Stop offset={0.531} stopColor={props.color} stopOpacity={0} />
       </LinearGradient>
     </Defs>
   </Svg>

package/dist/appIcons/NeetoTestify.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoTestify = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -44,16 +44,16 @@ const SvgNeetoTestify = (props) => (
     </G>
     <G filter="url(#NeetoTestify_svg__e)">
       <Path
-        fill="#fff"
+        fill={props.color}
         d="m30.458 28.143-2.796-2.763a7.01 7.01 0 0 1-1.005 1.263c-.39.391-.82.73-1.277 1.014l2.812 2.778a1.61 1.61 0 0 0 2.271-.008l.007-.006c.63-.63.62-1.653-.012-2.278Z"
       />
       <Path
-        stroke="#fff"
+        stroke={props.color}
         strokeWidth={2.339}
         d="M27.953 19.123c0 4.87-3.973 8.83-8.889 8.83-4.915 0-8.889-3.96-8.889-8.83s3.974-8.83 8.89-8.83c4.915 0 8.888 3.96 8.888 8.83Z"
       />
       <Path
-        fill="#fff"
+        fill={props.color}
         d="m22.32 15.652-1.035 1.027 1.917 2.385-1.917 2.389 1.035 1.027 2.71-3.416-2.71-3.412Zm-5.242 1.024-1.036-1.026-2.709 3.414 2.71 3.413 1.035-1.027-1.917-2.386 1.917-2.388Zm.641 6.014h1.462l1.462-7.251h-1.462L17.72 22.69Z"
       />
     </G>
@@ -87,8 +87,8 @@ const SvgNeetoTestify = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.16} />
-        <Stop offset={0.531} stopColor="#fff" stopOpacity={0} />
+        <Stop stopColor={props.color} stopOpacity={0.16} />
+        <Stop offset={0.531} stopColor={props.color} stopOpacity={0} />
       </LinearGradient>
     </Defs>
   </Svg>

package/dist/appIcons/NeetoWireframe.js

@@ -13,8 +13,8 @@ import Svg, {
 const SvgNeetoWireframe = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -46,7 +46,7 @@ const SvgNeetoWireframe = (props) => (
         d="M37.42 22.366c0-10.215-8.28-18.495-18.495-18.495H.43v36.99h36.99V22.365Z"
       />
     </G>
-    <G fill="#fff" filter="url(#NeetoWireframe_svg__e)">
+    <G fill={props.color} filter="url(#NeetoWireframe_svg__e)">
       <Rect width={11.239} height={4.521} x={17.416} y={11.345} rx={0.209} />
       <Rect width={11.239} height={11.239} x={11.345} y={17.416} rx={0.209} />
       <Circle cx={13.606} cy={13.606} r={2.261} />
@@ -89,8 +89,8 @@ const SvgNeetoWireframe = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.16} />
-        <Stop offset={0.531} stopColor="#fff" stopOpacity={0} />
+        <Stop stopColor={props.color} stopOpacity={0.16} />
+        <Stop offset={0.531} stopColor={props.color} stopOpacity={0} />
       </LinearGradient>
     </Defs>
   </Svg>

package/dist/icons/ActivityLog.js

@@ -3,21 +3,21 @@ import Svg, { Path } from "react-native-svg";
 const SvgActivityLog = (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="M28 30H4a2.002 2.002 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h24a2.002 2.002 0 0 1 2 2v6a2.002 2.002 0 0 1-2 2ZM4 22v6h24v-6H4Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M7 26a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM19 11.586l-2-2V6h-2v4.414L17.586 13 19 11.586Z"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M16 18a8 8 0 1 1 8-8 8.01 8.01 0 0 1-8 8Zm0-14a6 6 0 1 0 6 6 6.007 6.007 0 0 0-6-6Z"
     />
   </Svg>

package/dist/icons/AddCircle.js

@@ -3,14 +3,14 @@ import Svg, { Circle, Path } from "react-native-svg";
 const SvgAddCircle = (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}
       strokeLinecap="round"
       strokeWidth={1.5}
       d="M8.75 12.25h6.5M12.05 15.55v-6.5"

package/dist/icons/AddMenu.js

@@ -3,19 +3,19 @@ import Svg, { Path } from "react-native-svg";
 const SvgAddMenu = (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="M19.374 12.5a.75.75 0 0 0-1.5 0v2.124H15.75a.75.75 0 0 0 0 1.5h2.124v2.124a.75.75 0 1 0 1.5 0v-2.124h2.124a.75.75 0 1 0 0-1.5h-2.124V12.5Z"
       clipRule="evenodd"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeWidth={1.5}
       d="M3.75 7.25h16.5M3.75 11.25h10.5M3.75 15.25h6.5"

package/dist/icons/AddRectangle.js

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

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

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgAppSwitcher = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={20}
-    height={20}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeWidth={1.5}
       d="M8 4.5A3.5 3.5 0 0 0 4.5 1H1v7h7V4.5ZM8 15.5A3.5 3.5 0 0 0 4.5 12H1v7h7v-3.5ZM19 4.5A3.5 3.5 0 0 0 15.5 1H12v7h7V4.5ZM19 15.5a3.5 3.5 0 0 0-3.5-3.5H12v7h7v-3.5Z"
     />

package/dist/icons/Apple.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgApple = (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="M7.729 6.112c-.438 0-1.119-.51-1.827-.51-.941 0-1.803.576-2.288 1.42-.976 1.695-.251 4.199.7 5.576.468.67 1.019 1.425 1.75 1.401.7-.03.963-.455 1.814-.455.845 0 1.084.455 1.827.437.754-.012 1.234-.682 1.694-1.359a6.008 6.008 0 0 0 .767-1.575c-.018-.006-1.467-.563-1.485-2.24-.012-1.402 1.144-2.072 1.198-2.102-.659-.964-1.67-1.072-2.024-1.096-.923-.072-1.695.503-2.126.503v0ZM9.102 1.97c.58-.216.958.102.846.71-.111.608-.672 1.276-1.251 1.492-.58.215-.958-.103-.846-.71.111-.609.672-1.276 1.251-1.492"

package/dist/icons/Archive.js

@@ -3,13 +3,13 @@ import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
 const SvgArchive = (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.5}
@@ -20,7 +20,7 @@ const SvgArchive = (props) => (
     </G>
     <Defs>
       <ClipPath id="Archive_svg__a">
-        <Path fill="#fff" d="M2 2h20v20H2z" />
+        <Path fill={props.color} d="M2 2h20v20H2z" />
       </ClipPath>
     </Defs>
   </Svg>

package/dist/icons/Articles.js

@@ -3,19 +3,19 @@ import Svg, { Path } from "react-native-svg";
 const SvgArticles = (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="M3 6.858c0-1.211.982-2.193 2.192-2.193h10.45c1.212 0 2.193.982 2.193 2.193v12.824c0 1.21-.981 2.192-2.192 2.192H5.193A2.192 2.192 0 0 1 3 19.682V6.858Zm2.192-.808a.808.808 0 0 0-.807.808v12.824c0 .446.361.808.807.808h10.45a.808.808 0 0 0 .809-.808V6.858a.808.808 0 0 0-.808-.808H5.193Z"
       clipRule="evenodd"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       fillRule="evenodd"
       d="M10.12 2.192c0-.382.31-.692.693-.692h7.995c1.21 0 2.192.982 2.192 2.192V14.06a.692.692 0 1 1-1.385 0V3.692a.808.808 0 0 0-.807-.807h-7.995a.692.692 0 0 1-.692-.693ZM6.165 9.313c0-.382.31-.692.693-.692h7.12a.692.692 0 0 1 0 1.384h-7.12a.692.692 0 0 1-.693-.692ZM6.165 12.479c0-.383.31-.693.693-.693h7.12a.692.692 0 1 1 0 1.385h-7.12a.692.692 0 0 1-.693-.692ZM6.165 15.642c0-.382.31-.692.693-.692h7.12a.692.692 0 1 1 0 1.385h-7.12a.692.692 0 0 1-.693-.693Z"
       clipRule="evenodd"