@bigbinary/neeto-icons-rn 1.0.0 → 1.0.1

package/dist/icons/Flag.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgFlag = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={16}
-    height={18}
+    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/Flash.js

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

@@ -3,19 +3,19 @@ import Svg, { Circle, Path } from "react-native-svg";
 const SvgFocus = (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={7.125} stroke="#68737D" strokeWidth={1.5} />
+    <Circle cx={12} cy={12} r={7.125} stroke={props.color} strokeWidth={1.5} />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeWidth={1.5}
       d="M3 12h4M17 12h4M12 21v-4M12 7V3"
     />
-    <Circle cx={12} cy={12} r={1} fill="#68737D" />
+    <Circle cx={12} cy={12} r={1} fill={props.color} />
   </Svg>
 );
 export default SvgFocus;

package/dist/icons/Folder.js

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

@@ -3,25 +3,25 @@ import Svg, { Path } from "react-native-svg";
 const SvgForm = (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="M18.813 21.163H5.187a.687.687 0 0 1-.687-.687V6.564c0-.178.07-.349.193-.477L8.199 2.46a.687.687 0 0 1 .494-.21h10.12c.38 0 .687.308.687.687v17.54c0 .378-.308.686-.687.686Zm0-20.413C20.021.75 21 1.73 21 2.937v17.54c0 1.207-.98 2.186-2.187 2.186H5.187A2.187 2.187 0 0 1 3 20.476V6.564c0-.567.22-1.111.614-1.52L7.12 1.418C7.532.991 8.1.75 8.693.75h10.12Z"
       clipRule="evenodd"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       fillRule="evenodd"
       d="M7.5 10.957a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1-.75-.75ZM7.5 14.087a.75.75 0 0 1 .75-.75h7.5a.75.75 0 1 1 0 1.5h-7.5a.75.75 0 0 1-.75-.75ZM7.5 17.217a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1-.75-.75Z"
       clipRule="evenodd"
     />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M9 7.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM11.25 7.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM13.5 7.5a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"
     />
   </Svg>

package/dist/icons/Forward.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgForward = (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="m14.259 13.56 4.281-4.28L14.259 5"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/FullScreen.js

@@ -3,20 +3,20 @@ import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
 const SvgFullScreen = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <G clipPath="url(#FullScreen_svg__a)">
       <Path
-        stroke="#68737D"
+        stroke={props.color}
         strokeLinecap="round"
         strokeLinejoin="round"
         strokeWidth={1.5}
         d="M14.77 4.463h4.927l.001 4.927M9.39 18.537H4.465l-.001-4.927M19.698 13.61v4.926l-4.928.001M4.463 9.39V4.465l4.927-.001"
       />
-      <Path fill="#68737D" d="M8.65 8.65h7.6v5.7h-7.6z" />
+      <Path fill={props.color} d="M8.65 8.65h7.6v5.7h-7.6z" />
     </G>
     <Defs>
       <ClipPath id="FullScreen_svg__a">

package/dist/icons/Gif.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgGif = (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="M15.14 12.25h2.12m.438-2.246h-2.56V14.5M12.45 10v4.5M9.75 10h-1.5a2.25 2.25 0 1 0 0 4.5h1.5v-2.25H8.5"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Gift.js

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

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgGitMerge = (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="M7 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM17 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM7 8v8"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Globe.js

@@ -3,34 +3,34 @@ import Svg, { Path } from "react-native-svg";
 const SvgGlobe = (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="M12 21a9 9 0 1 1 9-9M3.513 9h16.868M3.514 15H12"
     />
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
       d="M16 12a15.476 15.476 0 0 0-2.167-7.94 2.115 2.115 0 0 0-3.665 0 15.628 15.628 0 0 0 0 15.881 2.125 2.125 0 0 0 1.833 1.06"
     />
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
       d="M18 22a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"
     />
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Goal.js

@@ -3,12 +3,12 @@ import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
 const SvgGoal = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={32}
-    height={32}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
-    <G fill="#68737D" clipPath="url(#Goal_svg__a)">
+    <G fill={props.color} clipPath="url(#Goal_svg__a)">
       <Path
         fillRule="evenodd"
         d="M21.541 13.488a6.083 6.083 0 1 1-2.557-2.79l-1.058 1.142a4.583 4.583 0 1 0 2.475 2.878l1.14-1.23Z"

package/dist/icons/Graph.js

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

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgGroup = (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="M26 14h-2v2h2a3.004 3.004 0 0 1 3 3v4h2v-4a5.005 5.005 0 0 0-5-5ZM24 4a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0-2a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-1 28h-2v-2a3.004 3.004 0 0 0-3-3h-4a3.004 3.004 0 0 0-3 3v2H9v-2a5.006 5.006 0 0 1 5-5h4a5.006 5.006 0 0 1 5 5v2Zm-7-17a3 3 0 1 1 0 5.999A3 3 0 0 1 16 13Zm0-2a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-8 3H6a5.006 5.006 0 0 0-5 5v4h2v-4a3.003 3.003 0 0 1 3-3h2v-2ZM8 4a3 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 2Z"
     />
   </Svg>

package/dist/icons/HamburgerMenu.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgHamburgerMenu = (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}
       strokeWidth={1.5}
       d="M3 7.25h18M3 11.25h12M3 15.25h8"
     />

package/dist/icons/Heart.js

@@ -3,14 +3,14 @@ import Svg, { Path } from "react-native-svg";
 const SvgHeart = (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}
       strokeWidth={0.2}
       d="M2.9 9.102c0 1.39.533 2.692 1.494 3.675l7.166 7.337c.118.12.277.186.434.186.155 0 .315-.06.434-.182l7.182-7.325a5.233 5.233 0 0 0 1.49-3.68M2.9 9.103a5.212 5.212 0 0 1 1.486-3.68A4.99 4.99 0 0 1 7.976 3.9c1.36 0 2.64.546 3.601 1.53l.429.439.42-.431a4.996 4.996 0 0 1 3.598-1.526c1.359 0 2.633.538 3.594 1.522a5.208 5.208 0 0 1 1.482 3.68M2.9 9.102H3h-.1Zm18.2.012H21m.1 0H21m0 0a5.109 5.109 0 0 0-1.454-3.61 4.884 4.884 0 0 0-3.522-1.492 4.896 4.896 0 0 0-3.526 1.496l-.422.432 7.462 6.783A5.132 5.132 0 0 0 21 9.113Zm-2.258 2.793-6.748 6.88-6.732-6.892A3.97 3.97 0 0 1 4.13 9.102a3.95 3.95 0 0 1 1.128-2.79 3.792 3.792 0 0 1 5.447.004l.863.883c.241.247.63.247.872 0l.855-.875a3.79 3.79 0 0 1 5.447-.004 3.967 3.967 0 0 1 1.128 2.794 3.95 3.95 0 0 1-1.128 2.793Z"
     />

package/dist/icons/Help.js

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgHelp = (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="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z"
     />
     <Path
-      stroke="#68737D"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Hide.js

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

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

@@ -3,13 +3,13 @@ import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
 const SvgHistory = (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"
       strokeWidth={1.5}
       clipPath="url(#History_svg__a)"

package/dist/icons/Home.js

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

@@ -3,14 +3,14 @@ import Svg, { Path } from "react-native-svg";
 const SvgHourGlass = (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" d="M15 19h2v2h-2v-2Zm0 4h2v2h-2v-2Z" />
+    <Path fill={props.color} d="M15 19h2v2h-2v-2Zm0 4h2v2h-2v-2Z" />
     <Path
-      fill="#68737D"
+      fill={props.color}
       d="M23 11.67V4h3V2H6v2h3v7.67a2 2 0 0 0 .4 1.2L11.75 16 9.4 19.13a2 2 0 0 0-.4 1.2V28H6v2h20v-2h-3v-7.67a2 2 0 0 0-.4-1.2L20.25 16l2.35-3.13a2 2 0 0 0 .4-1.2ZM21 4v7H11V4h10Zm0 16.33V28H11v-7.67L14.25 16 12 13h8l-2.25 3L21 20.33Z"
     />
   </Svg>

package/dist/icons/Hours.js

@@ -3,28 +3,28 @@ import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
 const SvgHours = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <G clipPath="url(#hours_svg__a)">
       <Path
-        stroke="#68737D"
+        stroke={props.color}
         strokeLinecap="round"
         strokeLinejoin="round"
         strokeWidth={1.5}
         d="M7.32 17.634a8 8 0 1 0-2.002-3.4"
       />
       <Path
-        stroke="#68737D"
+        stroke={props.color}
         strokeLinecap="round"
         strokeLinejoin="round"
         strokeWidth={1.5}
         d="m7.501 12.068-2.51 2.49-2.49-2.511"
       />
       <Path
-        fill="#68737D"
+        fill={props.color}
         d="M9.928 14h3.05v-.712h-1.864v-.067l.782-.73c.771-.712 1.02-1.11 1.02-1.59v-.01c0-.729-.61-1.227-1.48-1.227-.925 0-1.558.557-1.558 1.368l.003.012h.817v-.015c0-.401.284-.677.697-.677.405 0 .65.252.65.613v.009c0 .296-.16.51-.755 1.086l-1.362 1.345V14Zm5.774 0h.844v-.776h.55v-.71h-.55V9.773h-1.242a51.973 51.973 0 0 0-1.673 2.757v.695h2.071V14Zm-1.274-1.462v-.047a36.5 36.5 0 0 1 1.245-2.048h.047v2.095h-1.292Z"
       />
     </G>

package/dist/icons/Html.js

@@ -3,13 +3,13 @@ import Svg, { Path } from "react-native-svg";
 const SvgHtml = (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="m7.193 6 .375 6h6.86l-.198 3.162L12 15.8l-2.23-.637L9.697 14H7.695l.168 2.697L12 17.881l4.137-1.184.42-6.697h-7.11l-.125-2h7.36l.125-2H7.193ZM2.936 2l1.11 17.768L12 22.039l7.953-2.271L21.064 2H2.936Zm2.128 2h13.872l-.89 14.232L12 19.961l-6.047-1.729L5.064 4Z"
     />
   </Svg>

package/dist/icons/Image.js

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

@@ -3,20 +3,20 @@ import Svg, { Path } from "react-native-svg";
 const SvgImageUpload = (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="M21 10v7c0 2.2-1.8 4-4 4H7l-.01-.001c-2.21-.01-4-1.8-4-4.01v-10a3.999 3.999 0 0 1 3.99-4.01h6"
     />
     <Path
-      stroke="#49545C"
+      stroke={props.color}
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}

package/dist/icons/Inbox.js

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

@@ -3,14 +3,14 @@ import Svg, { Circle, Path } from "react-native-svg";
 const SvgIndeterminateCircle = (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.5"

package/dist/icons/Info.js

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

@@ -3,14 +3,14 @@ import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
 const SvgInput = (props) => (
   <Svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
+    width={props.size}
+    height={props.size}
     fill="none"
     {...props}
   >
     <G clipPath="url(#Input_svg__a)">
       <Path
-        stroke="#68737D"
+        stroke={props.color}
         strokeLinecap="round"
         strokeLinejoin="round"
         strokeWidth={1.5}