@bigbinary/neeto-icons-rn 1.0.0 → 1.0.2

package/dist/appIcons/NeetoAnalytics.js

@@ -12,8 +12,8 @@ import 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}
   >
@@ -40,7 +40,7 @@ const SvgNeetoAnalytics = (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(#NeetoAnalytics_svg__e)">
+    <G fill={props.color} filter="url(#NeetoAnalytics_svg__e)">
       <Path d="M9.474 17.634h2.491v4.36H9.474zM12.962 14.52h2.491v7.474h-2.491zM16.45 10.41h2.491v11.584H16.45V10.41Z" />
       <Path
         fillRule="evenodd"
@@ -83,8 +83,8 @@ const SvgNeetoAnalytics = (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/NeetoBugtrap.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoBugtrap = (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 SvgNeetoBugtrap = (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(#NeetoBugtrap_svg__e)">
+    <G fill={props.color} filter="url(#NeetoBugtrap_svg__e)">
       <Path 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
         fillRule="evenodd"
@@ -81,8 +81,8 @@ const SvgNeetoBugtrap = (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/NeetoCal.js

@@ -12,8 +12,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}
   >
@@ -40,7 +40,7 @@ const SvgNeetoCal = (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(#NeetoCal_svg__e)">
+    <G fill={props.color} filter="url(#NeetoCal_svg__e)">
       <Rect width={2.31} height={2.31} x={14.34} y={20.689} rx={0.234} />
       <Rect width={2.31} height={2.31} x={14.34} y={23.692} rx={0.234} />
       <Rect width={2.31} height={2.31} x={17.343} y={17.685} rx={0.234} />
@@ -89,8 +89,8 @@ const SvgNeetoCal = (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/NeetoChangelog.js

@@ -12,8 +12,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}
   >
@@ -45,7 +45,7 @@ const SvgNeetoChangelog = (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(#NeetoChangelog_svg__e)">
+    <G fill={props.color} filter="url(#NeetoChangelog_svg__e)">
       <Rect width={2.027} height={13.138} x={24.522} y={13.333} rx={1.014} />
       <Path
         fillRule="evenodd"
@@ -89,8 +89,8 @@ const SvgNeetoChangelog = (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/NeetoChat.js

@@ -13,8 +13,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}
   >
@@ -45,7 +45,7 @@ const SvgNeetoChat = (props) => (
         />
         <G filter="url(#NeetoChat_svg__f)">
           <Path
-            fill="#fff"
+            fill={props.color}
             d="M17.892 10.753h4.216a8.5 8.5 0 0 1 5.96 2.429 8.225 8.225 0 0 1 2.47 5.864c0 2.2-.889 4.309-2.47 5.864a8.501 8.501 0 0 1-5.96 2.43v3.628c-5.27-2.074-12.646-5.184-12.646-11.922 0-1.09.218-2.168.642-3.174a8.285 8.285 0 0 1 1.828-2.69 8.44 8.44 0 0 1 2.734-1.798 8.55 8.55 0 0 1 3.226-.631Z"
           />
         </G>
@@ -82,11 +82,11 @@ const SvgNeetoChat = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.1} />
+        <Stop stopColor={props.color} stopOpacity={0.1} />
         <Stop offset={0.964} stopOpacity={0} />
       </LinearGradient>
       <ClipPath id="NeetoChat_svg__a">
-        <Path fill="#fff" d="M0 0h40v40H0z" />
+        <Path fill={props.color} d="M0 0h40v40H0z" />
       </ClipPath>
     </Defs>
   </Svg>

package/dist/appIcons/NeetoCi.js

@@ -12,8 +12,8 @@ import 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}
   >
@@ -39,7 +39,7 @@ const SvgNeetoCi = (props) => (
     </G>
     <G filter="url(#NeetoCI_svg__e)">
       <Path
-        fill="#fff"
+        fill={props.color}
         d="M29.577 9.59H10.423a.832.832 0 0 0-.832.833v19.154c0 .46.372.832.832.832h19.154c.46 0 .832-.372.832-.832V10.423a.832.832 0 0 0-.832-.832ZM20.029 20.16l-4.997 4.19a.207.207 0 0 1-.34-.16v-1.63c0-.06.028-.12.075-.16L17.624 20l-2.857-2.4a.199.199 0 0 1-.076-.158V15.81c0-.177.206-.273.341-.159l4.997 4.188a.206.206 0 0 1 0 .32Zm5.28 4.03c0 .115-.089.209-.195.209h-4.815c-.106 0-.195-.094-.195-.208v-1.25c0-.114.089-.207.195-.207h4.815c.106 0 .195.093.195.208v1.249Z"
       />
     </G>
@@ -73,8 +73,8 @@ const SvgNeetoCi = (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/NeetoCourse.js

@@ -12,8 +12,8 @@ import 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}
   >
@@ -45,7 +45,7 @@ const SvgNeetoCourse = (props) => (
         d="M37.42 22.366c0-10.215-8.281-18.495-18.495-18.495H.43v36.99h36.99V22.365Z"
       />
     </G>
-    <G fill="#fff" filter="url(#NeetoCourse_svg__e)">
+    <G fill={props.color} filter="url(#NeetoCourse_svg__e)">
       <Path
         fillRule="evenodd"
         d="M20.03 10.058a8.1 8.1 0 0 1 8.101 8.101v8.101H11.93V10.058h8.1Zm3.62 3.565a.81.81 0 0 0-.811.81v9.18a.81.81 0 0 0 1.62 0v-9.18a.81.81 0 0 0-.81-.81Z"
@@ -88,8 +88,8 @@ const SvgNeetoCourse = (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/NeetoCrm.js

@@ -12,8 +12,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}
   >
@@ -41,7 +41,7 @@ const SvgNeetoCrm = (props) => (
       />
     </G>
     <G
-      fill="#fff"
+      fill={props.color}
       fillRule="evenodd"
       clipRule="evenodd"
       filter="url(#NeetoCRM_svg__e)"
@@ -79,8 +79,8 @@ const SvgNeetoCrm = (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/NeetoDeploy.js

@@ -12,8 +12,8 @@ import 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}
   >
@@ -42,7 +42,7 @@ const SvgNeetoDeploy = (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(#NeetoDeploy_svg__e)">
+    <G fill={props.color} filter="url(#NeetoDeploy_svg__e)">
       <Path d="M11.7 21.274a111.14 111.14 0 0 0 3.164-4.788c-2.586.228-5.064 3.446-5.064 3.446l1.707 1.706c.05-.126.113-.248.193-.364ZM18.363 28.495 20.07 30.2s3.217-2.478 3.446-5.063c-1.075.672-2.53 1.595-4.788 3.164-.114.079-.236.144-.364.194ZM15.77 27.613c-.293.118-.58.244-.88.344-.802.268-1.627.449-2.464.564-.35.049-.705.09-1.06.117l.011-.132c.073-.852.203-1.7.413-2.53.1-.4.23-.79.368-1.18.086-.24.193-.472.301-.704l-.187-.187c-.418.28-.78.634-1.089 1.035a6.792 6.792 0 0 0-1.036 1.974 8.215 8.215 0 0 0-.434 2.37c-.003.112-.011.228.006.34a.79.79 0 0 0 .538.629c.116.037.232.038.352.037a7.918 7.918 0 0 0 2.167-.34c1.277-.38 2.565-1.093 3.32-2.22l-.182-.183a5.225 5.225 0 0 1-.144.066ZM29.968 10.033a.708.708 0 0 0-.5-.208h-.014c-2.278.045-7.9.471-10.884 3.457-1.355 1.355-1.796 2.06-2.761 3.606-.695 1.113-1.647 2.637-3.386 5.14a.708.708 0 0 0 .08.905l4.564 4.564a.707.707 0 0 0 .904.08c2.505-1.739 4.029-2.69 5.141-3.385 1.546-.966 2.252-1.406 3.607-2.762 2.99-2.99 3.413-8.607 3.456-10.883a.708.708 0 0 0-.207-.514Zm-5.284 8.61a2.352 2.352 0 1 1-3.327-3.326 2.352 2.352 0 0 1 3.327 3.327Z" />
     </G>
     <Defs>
@@ -75,8 +75,8 @@ const SvgNeetoDeploy = (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/NeetoDesk.js

@@ -12,8 +12,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}
   >
@@ -37,7 +37,7 @@ const SvgNeetoDesk = (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(#NeetoDesk_svg__e)">
+    <G fill={props.color} filter="url(#NeetoDesk_svg__e)">
       <Path d="M9.333 20.143h4.24c1.172 0 2.121.94 2.121 2.1v3.152c0 1.74-1.424 3.15-3.18 3.15-1.757 0-3.181-1.41-3.181-3.15v-5.252ZM24.176 22.243c0-1.16.95-2.1 2.12-2.1h4.241v5.252c0 1.74-1.424 3.15-3.18 3.15-1.757 0-3.181-1.41-3.181-3.15v-3.152Z" />
       <Path d="M9.385 20.143c.532-5.308 5.052-9.454 10.55-9.454 5.498 0 10.018 4.146 10.55 9.454H28.35c-.522-4.145-4.09-7.353-8.416-7.353-4.325 0-7.894 3.208-8.416 7.353H9.385Z" />
     </G>
@@ -72,8 +72,8 @@ const SvgNeetoDesk = (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/NeetoEngage.js

@@ -12,8 +12,8 @@ import 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}
   >
@@ -46,7 +46,7 @@ const SvgNeetoEngage = (props) => (
       />
     </G>
     <G
-      fill="#fff"
+      fill={props.color}
       fillRule="evenodd"
       clipRule="evenodd"
       filter="url(#NeetoEngage_svg__e)"
@@ -86,8 +86,8 @@ const SvgNeetoEngage = (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/NeetoForm.js

@@ -13,8 +13,8 @@ import Svg, {
 const SvgNeetoForm = (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 SvgNeetoForm = (props) => (
         height={3.681}
         x={15.858}
         y={18.182}
-        fill="#fff"
+        fill={props.color}
         rx={1.841}
       />
       <Rect
@@ -70,7 +70,7 @@ const SvgNeetoForm = (props) => (
         height={3.681}
         x={15.858}
         y={24.318}
-        fill="#fff"
+        fill={props.color}
         rx={1.841}
       />
       <Rect
@@ -78,12 +78,12 @@ const SvgNeetoForm = (props) => (
         height={3.681}
         x={15.858}
         y={12.047}
-        fill="#fff"
+        fill={props.color}
         rx={1.841}
       />
-      <Circle cx={12.484} cy={13.887} r={1.841} fill="#fff" />
-      <Circle cx={12.484} cy={20.023} r={1.841} fill="#fff" />
-      <Circle cx={12.484} cy={26.159} r={1.841} fill="#fff" />
+      <Circle cx={12.484} cy={13.887} r={1.841} fill={props.color} />
+      <Circle cx={12.484} cy={20.023} r={1.841} fill={props.color} />
+      <Circle cx={12.484} cy={26.159} r={1.841} fill={props.color} />
     </G>
     <Defs>
       <LinearGradient
@@ -116,11 +116,11 @@ const SvgNeetoForm = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.16} />
-        <Stop offset={0.375} stopColor="#fff" stopOpacity={0} />
+        <Stop stopColor={props.color} stopOpacity={0.16} />
+        <Stop offset={0.375} stopColor={props.color} stopOpacity={0} />
       </LinearGradient>
       <ClipPath id="NeetoForm_svg__a">
-        <Path fill="#fff" d="M0 0h40v40H0z" />
+        <Path fill={props.color} d="M0 0h40v40H0z" />
       </ClipPath>
     </Defs>
   </Svg>

package/dist/appIcons/NeetoGit.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoGit = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={342}
-    height={342}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -39,7 +39,7 @@ const SvgNeetoGit = (props) => (
     </G>
     <G filter="url(#NeetoGit_svg__e)">
       <Path
-        fill="#fff"
+        fill={props.color}
         d="M96 96h49v37.852c-6.382 2.117-10.977 8.141-10.959 15.231.019 7.061 4.608 13.041 10.959 15.148v28.952c-6.388 2.099-11 8.112-11 15.203 0 8.836 7.163 16 16 16s16-7.164 16-16c0-7.091-4.612-13.104-11-15.203v-28.925a15.96 15.96 0 0 0 5.602-3.197l17.116 9.882a16.091 16.091 0 0 0-.308 3.179c.023 8.837 7.205 15.982 16.042 15.959 8.837-.023 15.981-7.206 15.958-16.042-.023-8.837-7.205-15.981-16.041-15.958-4.13.01-7.89 1.585-10.722 4.161l-16.968-9.797c.24-1.11.365-2.263.362-3.445-.018-7.091-4.647-13.093-11.041-15.175V96h16c41.421 0 75 33.579 75 75v75H96V96Z"
       />
     </G>
@@ -73,8 +73,8 @@ const SvgNeetoGit = (props) => (
         y2={349.356}
         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/NeetoInvisible.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoInvisible = (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 SvgNeetoInvisible = (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(#NeetoInvisible_svg__e)">
+    <G fill={props.color} filter="url(#NeetoInvisible_svg__e)">
       <Path
         fillRule="evenodd"
         d="M16.644 10.312a6.566 6.566 0 1 0 0 13.131v.955a7.52 7.52 0 1 1 7.52-7.52h-.955a6.566 6.566 0 0 0-6.565-6.566Z"
@@ -88,8 +88,8 @@ const SvgNeetoInvisible = (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/NeetoInvoice.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoInvoice = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -57,7 +57,7 @@ const SvgNeetoInvoice = (props) => (
     </G>
     <G filter="url(#NeetoInvoice_svg__f)">
       <Path
-        fill="#fff"
+        fill={props.color}
         fillRule="evenodd"
         d="M28.177 26.773V11.43a.201.201 0 0 0-.201-.202H12.014a.201.201 0 0 0-.201.202v15.343c0 .059.025.114.07.153l2.525 2.189a.201.201 0 0 0 .264 0l2.464-2.135a.202.202 0 0 1 .264 0l2.463 2.135a.201.201 0 0 0 .264 0l2.464-2.135a.202.202 0 0 1 .264 0l2.463 2.135a.201.201 0 0 0 .264 0l2.526-2.19a.202.202 0 0 0 .07-.152ZM13.45 15.046c0-.602.489-1.09 1.091-1.09h7.092a1.091 1.091 0 1 1 0 2.181H14.54a1.09 1.09 0 0 1-1.09-1.09Zm1.091 2.728a1.09 1.09 0 1 0 0 2.182h10.91a1.09 1.09 0 1 0 0-2.182H14.54Z"
         clipRule="evenodd"
@@ -94,8 +94,8 @@ const SvgNeetoInvoice = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.16} />
-        <Stop offset={0.375} stopColor="#fff" stopOpacity={0} />
+        <Stop stopColor={props.color} stopOpacity={0.16} />
+        <Stop offset={0.375} stopColor={props.color} stopOpacity={0} />
       </LinearGradient>
     </Defs>
   </Svg>

package/dist/appIcons/NeetoKb.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoKb = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={40}
-    height={40}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
@@ -50,7 +50,7 @@ const SvgNeetoKb = (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(#NeetoKB_svg__f)">
+    <G fill={props.color} filter="url(#NeetoKB_svg__f)">
       <Path d="M14.51 9.98c-.487.102-1.068.522-1.467 1.057a3.49 3.49 0 0 0-.467.959l-.061.224v14.354l.063.2c.27.863 1.084 1.668 2.018 1.995l.209.073 2.93.006 2.93.005 1.083-1.127c.599-.621 1.46-1.517 1.916-1.991.456-.474.825-.864.823-.868-.004-.005-.047.013-.095.036a1.903 1.903 0 0 1-.222.088c-.13.039-.313.041-4.105.041-4.33 0-4.072.007-4.365-.134a1.334 1.334 0 0 1-.55-.558 1.286 1.286 0 0 1 .01-1.133c.144-.295.502-.585.813-.656.068-.015 1.428-.024 4.07-.024 4.365 0 4.077-.01 4.372.138.183.093.44.349.533.533.11.22.147.394.133.644-.009.204-.022.258-.14.555-.012.03-.012.039.004.023.012-.014.318-.329.678-.703l1.331-1.379.674-.698v-6.662l-1.637-.01c-1.572-.006-1.647-.008-1.8-.054-.79-.226-1.327-.882-1.556-1.893-.046-.2-.05-.288-.057-1.646l-.01-1.433-3.95.002c-3.405.002-3.972.007-4.108.036Zm9.637 7.546c.331.087.66.359.812.67a1.23 1.23 0 0 1-.181 1.38c-.155.17-.318.28-.543.359l-.179.063H16.03l-.16-.059c-.665-.242-.992-.911-.778-1.594.115-.374.49-.73.866-.82.093-.023.99-.028 4.086-.03 3.496-.003 3.986.002 4.104.031Z" />
       <Path d="M23.845 11.284c.01 1.3.01 1.351.06 1.522.12.428.378.786.618.854.046.014.678.023 1.595.023h1.514l-.009-.292c-.009-.282-.011-.297-.09-.459-.196-.392-.817-1.033-1.926-1.984-.936-.802-1.27-1.006-1.648-1.006h-.12l.006 1.342ZM29.045 22.177c-.105.037-.298.184-.58.445l-.191.174.839.842c.46.46.85.839.864.839.015 0 .138-.111.272-.25.279-.279.394-.462.394-.619-.002-.379-.218-.794-.58-1.122a1.122 1.122 0 0 0-.544-.3c-.202-.052-.345-.054-.474-.009ZM26.673 24.38c-.501.496-1.463 1.462-2.139 2.149-1.42 1.442-1.32 1.308-1.555 2.052-.195.614-.272.932-.288 1.156-.011.186-.01.198.045.261.052.063.07.068.202.066.186-.003.703-.13 1.227-.306.503-.166.728-.272.934-.431.088-.068 1.066-1.034 2.177-2.148l2.018-2.022-.84-.84a28.68 28.68 0 0 0-.854-.838c-.009 0-.426.406-.927.9Z" />
     </G>
@@ -85,8 +85,8 @@ const SvgNeetoKb = (props) => (
         y2={40.86}
         gradientUnits="userSpaceOnUse"
       >
-        <Stop stopColor="#fff" stopOpacity={0.12} />
-        <Stop offset={0.375} stopColor="#fff" stopOpacity={0} />
+        <Stop stopColor={props.color} stopOpacity={0.12} />
+        <Stop offset={0.375} stopColor={props.color} stopOpacity={0} />
       </LinearGradient>
     </Defs>
   </Svg>

package/dist/appIcons/NeetoMonitor.js

@@ -12,8 +12,8 @@ import Svg, {
 const SvgNeetoMonitor = (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 SvgNeetoMonitor = (props) => (
     </G>
     <G filter="url(#NeetoMonitor_svg__e)">
       <Path
-        fill="#fff"
+        fill={props.color}
         fillRule="evenodd"
         d="M28.551 18.035a8.8 8.8 0 0 1 .22 1.965v8.772h-17.39l7.566-7.566 2.472 2.472a1.053 1.053 0 0 0 1.489 0l5.643-5.643Zm-.678-1.907a.936.936 0 0 0-.23.17l-5.48 5.478-2.471-2.472a1.053 1.053 0 0 0-1.489 0l-6.975 6.975V11.228H20a8.772 8.772 0 0 1 7.873 4.9Z"
         clipRule="evenodd"
@@ -80,8 +80,8 @@ const SvgNeetoMonitor = (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>