@bigbinary/neeto-icons-rn 1.20.74 → 1.21.0

package/dist/elements/AndroidMockup.tsx

@@ -0,0 +1,185 @@
+import * as React from "react";
+import Svg, {
+  Path,
+  G,
+  ForeignObject,
+  Rect,
+  Circle,
+  Defs,
+  ClipPath,
+  RadialGradient,
+  Stop,
+} from "react-native-svg";
+/* SVGR has dropped some elements not supported by react-native-svg: div, filter */
+import type { IconProps } from "../../types";
+const SvgAndroidMockup = ({
+  size = 24,
+  color = "#344054",
+  ...props
+}: IconProps) => (
+  <Svg fill="none" viewBox="0 0 80 26" width={size} height={size} {...props}>
+    <Path
+      d="M35.3077 1.02885H43.8269C44.273 1.02885 44.6112 1.16278 44.8378 1.38939C45.0644 1.61605 45.1827 1.93863 45.1827 2.32212V23.75C45.1827 24.4244 44.636 24.9712 43.9615 24.9712H35.25C34.5756 24.9712 34.0288 24.4244 34.0288 23.75V2.29808C34.0288 1.62005 34.5031 1.02885 35.3077 1.02885Z"
+      fill={color}
+      stroke={color}
+      strokeWidth={0.0576923}
+    />
+    <G clipPath="url(#AndroidMockup_svg_paint0_angular_224_89_clip_path)">
+      <G transform="matrix(0 0.011875 -0.00547115 0 39.6057 12.9902)">
+        <ForeignObject
+          x={-1014.06}
+          y={-1014.06}
+          width={2028.12}
+          height={2028.12}
+        ></ForeignObject>
+      </G>
+    </G>
+    <Path
+      d="M43.8701 1.14408H35.3268C34.9627 1.14408 34.6726 1.25744 34.4735 1.45826C34.2744 1.65911 34.1634 1.95051 34.1634 2.31235V23.7595C34.1634 24.3542 34.6455 24.8364 35.2403 24.8364H43.9711C44.5658 24.8364 45.048 24.3542 45.048 23.7594L45.0672 2.32677L43.8701 1.14408ZM43.8701 1.14408C44.2795 1.14408 44.5778 1.27522 44.7738 1.48642M43.8701 1.14408L44.7738 1.48642M44.7738 1.48642C44.9703 1.698 45.0672 1.99322 45.0672 2.32675L44.7738 1.48642Z"
+      stroke={color}
+      strokeWidth={0.0576923}
+    />
+    <Path
+      d="M43.8655 1.26968H35.3655C35.0513 1.26968 34.7866 1.35427 34.6004 1.53134C34.4141 1.7085 34.3078 1.97694 34.3078 2.3418V23.7601C34.3078 24.2964 34.7426 24.7312 35.2789 24.7312H43.9616C44.498 24.7312 44.9328 24.2964 44.9328 23.7601V2.33699C44.9328 1.99365 44.8275 1.72651 44.6408 1.54523C44.4541 1.364 44.187 1.26968 43.8655 1.26968Z"
+      fill="#F6F7F8"
+      stroke={color}
+      strokeWidth={0.0192308}
+    />
+    <Rect
+      x={37.4905}
+      y={1.11523}
+      width={4.26923}
+      height={0.0865385}
+      rx={0.0432692}
+      fill={color}
+    />
+    <G filter="url(#AndroidMockup_svg_filter0_d_224_89)">
+      <Circle cx={39.6203} cy={1.87981} r={0.254808} fill={color} />
+      <Circle
+        cx={39.6203}
+        cy={1.87981}
+        r={0.242788}
+        stroke="url(#AndroidMockup_svg_paint1_radial_224_89)"
+        strokeWidth={0.0240385}
+      />
+    </G>
+    <Path
+      d="M39.7225 1.99303C39.6598 2.04955 39.5631 2.04451 39.5066 1.98178C39.4501 1.91905 39.4551 1.82238 39.5178 1.76587C39.5806 1.70935 39.6772 1.71438 39.7338 1.77711C39.7903 1.83984 39.7852 1.93651 39.7225 1.99303Z"
+      fill="url(#AndroidMockup_svg_paint2_radial_224_89)"
+    />
+    <G clipPath="url(#AndroidMockup_svg_paint3_angular_224_89_clip_path)">
+      <G transform="matrix(-0.000113583 0.000102336 -0.000102336 -0.000113583 39.6202 1.87945)">
+        <ForeignObject
+          x={-1506.47}
+          y={-1506.47}
+          width={3012.95}
+          height={3012.95}
+        ></ForeignObject>
+      </G>
+    </G>
+    <Path d="M39.7225 1.99303C39.6598 2.04955 39.5631 2.04451 39.5066 1.98178C39.4501 1.91905 39.4551 1.82238 39.5178 1.76587C39.5806 1.70935 39.6772 1.71438 39.7338 1.77711C39.7903 1.83984 39.7852 1.93651 39.7225 1.99303Z" />
+    <G clipPath="url(#AndroidMockup_svg_paint4_angular_224_89_clip_path)">
+      <G transform="matrix(-0.000113583 0.000102336 -0.000102336 -0.000113583 39.6202 1.87945)">
+        <ForeignObject
+          x={-1506.47}
+          y={-1506.47}
+          width={3012.95}
+          height={3012.95}
+        ></ForeignObject>
+      </G>
+    </G>
+    <Path d="M39.7225 1.99303C39.6598 2.04955 39.5631 2.04451 39.5066 1.98178C39.4501 1.91905 39.4551 1.82238 39.5178 1.76587C39.5806 1.70935 39.6772 1.71438 39.7338 1.77711C39.7903 1.83984 39.7852 1.93651 39.7225 1.99303Z" />
+    <Path
+      d="M39.7083 1.83696C39.7028 1.86478 39.6759 1.8839 39.6484 1.87965C39.6208 1.87541 39.6029 1.84942 39.6084 1.8216C39.614 1.79378 39.6408 1.77467 39.6684 1.77891C39.696 1.78315 39.7139 1.80914 39.7083 1.83696Z"
+      fill="url(#AndroidMockup_svg_paint5_radial_224_89)"
+    />
+    <G filter="url(#AndroidMockup_svg_filter1_iii_224_89)">
+      <Path
+        d="M45.2165 4.71575H45.2694C45.2933 4.71575 45.3126 4.73512 45.3126 4.75901V7.53786C45.3126 7.56176 45.2933 7.58113 45.2694 7.58113H45.2165V4.71575Z"
+        fill={color}
+        stroke={color}
+        strokeWidth={0.00961538}
+      />
+      <Path
+        d="M45.2165 9.48528H45.2694C45.2933 9.48528 45.3126 9.50465 45.3126 9.52855V10.9612C45.3126 10.9851 45.2933 11.0045 45.2694 11.0045H45.2165V9.48528Z"
+        fill={color}
+        stroke={color}
+        strokeWidth={0.00961538}
+      />
+    </G>
+    <Rect
+      x={43.4614}
+      y={24.8076}
+      width={0.211538}
+      height={0.192308}
+      fill={color}
+    />
+    <Rect
+      x={35.4807}
+      y={24.8076}
+      width={0.211538}
+      height={0.192308}
+      fill={color}
+    />
+    <Rect
+      x={45.0386}
+      y={3.07715}
+      width={0.173077}
+      height={0.259615}
+      fill={color}
+    />
+    <Rect x={34} y={3.07715} width={0.192308} height={0.259615} fill={color} />
+    <Defs>
+      <ClipPath id="AndroidMockup_svg_paint0_angular_224_89_clip_path">
+        <Path
+          d="M43.8701 1.14408H35.3268C34.9627 1.14408 34.6726 1.25744 34.4735 1.45826C34.2744 1.65911 34.1634 1.95051 34.1634 2.31235V23.7595C34.1634 24.3542 34.6455 24.8364 35.2403 24.8364H43.9711C44.5658 24.8364 45.048 24.3542 45.048 23.7594L45.0672 2.32677L43.8701 1.14408ZM43.8701 1.14408C44.2795 1.14408 44.5778 1.27522 44.7738 1.48642M43.8701 1.14408L44.7738 1.48642M44.7738 1.48642C44.9703 1.698 45.0672 1.99322 45.0672 2.32675L44.7738 1.48642Z"
+          strokeWidth={0.0576923}
+        />
+      </ClipPath>
+      <ClipPath id="AndroidMockup_svg_paint3_angular_224_89_clip_path">
+        <Path d="M39.7225 1.99303C39.6598 2.04955 39.5631 2.04451 39.5066 1.98178C39.4501 1.91905 39.4551 1.82238 39.5178 1.76587C39.5806 1.70935 39.6772 1.71438 39.7338 1.77711C39.7903 1.83984 39.7852 1.93651 39.7225 1.99303Z" />
+      </ClipPath>
+      <ClipPath id="AndroidMockup_svg_paint4_angular_224_89_clip_path">
+        <Path d="M39.7225 1.99303C39.6598 2.04955 39.5631 2.04451 39.5066 1.98178C39.4501 1.91905 39.4551 1.82238 39.5178 1.76587C39.5806 1.70935 39.6772 1.71438 39.7338 1.77711C39.7903 1.83984 39.7852 1.93651 39.7225 1.99303Z" />
+      </ClipPath>
+      <RadialGradient
+        id="AndroidMockup_svg_paint1_radial_224_89"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(39.461 1.65048) rotate(55.2222) scale(0.558401)"
+      >
+        <Stop stopColor={color} />
+        <Stop offset={1} stopColor="#090909" />
+      </RadialGradient>
+      <RadialGradient
+        id="AndroidMockup_svg_paint2_radial_224_89"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(39.6202 1.87945) rotate(137.982) scale(0.152885)"
+      >
+        <Stop offset={0.213542} stopColor={color} />
+        <Stop offset={0.270833} stopColor="#365153" />
+        <Stop offset={0.395833} stopColor="#1F5558" />
+        <Stop offset={0.515625} stopColor="#60ACBA" />
+        <Stop offset={0.713542} stopColor="#416961" />
+        <Stop offset={0.916667} stopColor={color} />
+      </RadialGradient>
+      <RadialGradient
+        id="AndroidMockup_svg_paint5_radial_224_89"
+        cx={0}
+        cy={0}
+        r={1}
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(39.6584 1.82928) rotate(101.258) scale(0.0513608 0.0504932)"
+      >
+        <Stop offset={0.125} stopColor="#58A9D7" />
+        <Stop offset={1} stopOpacity={0} />
+      </RadialGradient>
+    </Defs>
+  </Svg>
+);
+export default SvgAndroidMockup;

package/dist/elements/Arrow.tsx

@@ -0,0 +1,16 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgArrow = ({ size = 24, color = "#344054", ...props }: IconProps) => (
+  <Svg fill="none" viewBox="0 0 80 26" width={size} height={size} {...props}>
+    <Path
+      d="M28 13.013L52.98 13.013M46.997 19L52.973 13.023L46.997 7.046"
+      stroke={color}
+      strokeWidth={1.2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgArrow;

package/dist/elements/Avatar.tsx

@@ -0,0 +1,14 @@
+import * as React from "react";
+import Svg, { Circle, Path } from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgAvatar = ({ size = 24, color = "#344054", ...props }: IconProps) => (
+  <Svg fill="none" viewBox="0 0 80 26" width={size} height={size} {...props}>
+    <Circle cx={40} cy={13} r={11} fill={color} data-dark-mode-color="true" />
+    <Circle cx={40} cy={10} r={3} fill="#E9EBED" />
+    <Path
+      d="M35 17C35 15.3431 36.3431 14 38 14H42C43.6569 14 45 15.3431 45 17V18H35V17Z"
+      fill="#E9EBED"
+    />
+  </Svg>
+);
+export default SvgAvatar;

package/dist/elements/BringToBack.tsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+import Svg, { Path, Rect } from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgBringToBack = ({
+  size = 24,
+  color = "#344054",
+  ...props
+}: IconProps) => (
+  <Svg fill="none" viewBox="0 0 24 24" width={size} height={size} {...props}>
+    <Path d="M9 15h6v4H5V9h4v6z" fill={color} data-dark-mode-color="true" />
+    <Rect
+      x={9.5}
+      y={5.5}
+      width={9}
+      height={9}
+      stroke={color}
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgBringToBack;

package/dist/elements/BringToFront.tsx

@@ -0,0 +1,25 @@
+import * as React from "react";
+import Svg, { Path, Rect } from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgBringToFront = ({
+  size = 24,
+  color = "#344054",
+  ...props
+}: IconProps) => (
+  <Svg fill="none" viewBox="0 0 24 24" width={size} height={size} {...props}>
+    <Path
+      d="M9 10.11H6.11v7.78h7.78V15H15v4H5V9h4v1.11z"
+      fill={color}
+      data-dark-mode-color="true"
+    />
+    <Rect
+      x={9}
+      y={5}
+      width={10}
+      height={10}
+      fill={color}
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgBringToFront;

package/dist/elements/Browser.tsx

@@ -0,0 +1,16 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgBrowser = ({ size = 24, color = "#344054", ...props }: IconProps) => (
+  <Svg fill="none" viewBox="0 0 24 24" width={size} height={size} {...props}>
+    <Path
+      d="M4 8H20M8 4V8M5 4H19C19.5523 4 20 4.44772 20 5V19C20 19.5523 19.5523 20 19 20H5C4.44772 20 4 19.5523 4 19V5C4 4.44772 4.44772 4 5 4Z"
+      stroke={color}
+      strokeWidth={1.2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgBrowser;

package/dist/elements/Button.tsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+import Svg, { Rect, Path } from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgButton = ({ size = 24, color = "#344054", ...props }: IconProps) => (
+  <Svg fill="none" viewBox="0 0 80 26" width={size} height={size} {...props}>
+    <Rect
+      x={20}
+      y={4}
+      width={41}
+      height={18}
+      rx={3}
+      fill={color}
+      data-dark-mode-color="true"
+    />
+    <Path
+      d="M28.8694 16V10.1818H30.9035C31.3088 10.1818 31.6431 10.2519 31.9063 10.392C32.1696 10.5303 32.3656 10.7169 32.4944 10.9517C32.6232 11.1847 32.6876 11.4432 32.6876 11.7273C32.6876 11.9773 32.6431 12.1837 32.554 12.3466C32.4669 12.5095 32.3514 12.6383 32.2075 12.733C32.0654 12.8277 31.9111 12.8977 31.7444 12.9432V13C31.9224 13.0114 32.1014 13.0739 32.2813 13.1875C32.4612 13.3011 32.6118 13.464 32.733 13.6761C32.8542 13.8883 32.9148 14.1477 32.9148 14.4545C32.9148 14.7462 32.8486 15.0085 32.716 15.2415C32.5834 15.4744 32.3741 15.6591 32.0881 15.7955C31.8022 15.9318 31.43 16 30.9717 16H28.8694ZM29.5739 15.375H30.9717C31.4319 15.375 31.7586 15.286 31.9518 15.108C32.1469 14.928 32.2444 14.7102 32.2444 14.4545C32.2444 14.2576 32.1942 14.0758 32.0938 13.9091C31.9934 13.7405 31.8504 13.6061 31.6648 13.5057C31.4792 13.4034 31.2595 13.3523 31.0058 13.3523H29.5739V15.375ZM29.5739 12.7386H30.8808C31.0929 12.7386 31.2842 12.697 31.4546 12.6136C31.627 12.5303 31.7633 12.4129 31.8637 12.2614C31.966 12.1098 32.0171 11.9318 32.0171 11.7273C32.0171 11.4716 31.9281 11.2547 31.7501 11.0767C31.572 10.8968 31.2898 10.8068 30.9035 10.8068H29.5739V12.7386ZM36.6516 14.2159V11.6364H37.3221V16H36.6516V15.2614H36.6062C36.5039 15.483 36.3448 15.6714 36.1289 15.8267C35.913 15.9801 35.6402 16.0568 35.3107 16.0568C35.038 16.0568 34.7955 15.9972 34.5834 15.8778C34.3713 15.7566 34.2046 15.5748 34.0834 15.3324C33.9622 15.0881 33.9016 14.7803 33.9016 14.4091V11.6364H34.5721V14.3636C34.5721 14.6818 34.6611 14.9356 34.8391 15.125C35.019 15.3144 35.2482 15.4091 35.5266 15.4091C35.6933 15.4091 35.8628 15.3665 36.0351 15.2812C36.2094 15.196 36.3552 15.0653 36.4726 14.8892C36.5919 14.7131 36.6516 14.4886 36.6516 14.2159ZM40.3678 11.6364V12.2045H38.1064V11.6364H40.3678ZM38.7655 10.5909H39.436V14.75C39.436 14.9394 39.4634 15.0814 39.5183 15.1761C39.5752 15.2689 39.6471 15.3314 39.7342 15.3636C39.8233 15.3939 39.917 15.4091 40.0155 15.4091C40.0894 15.4091 40.15 15.4053 40.1973 15.3977C40.2447 15.3883 40.2825 15.3807 40.311 15.375L40.4473 15.9773C40.4019 15.9943 40.3384 16.0114 40.257 16.0284C40.1755 16.0473 40.0723 16.0568 39.9473 16.0568C39.7579 16.0568 39.5723 16.0161 39.3905 15.9347C39.2106 15.8532 39.061 15.7292 38.9416 15.5625C38.8242 15.3958 38.7655 15.1856 38.7655 14.9318V10.5909ZM43.194 11.6364V12.2045H40.9327V11.6364H43.194ZM41.5917 10.5909H42.2622V14.75C42.2622 14.9394 42.2897 15.0814 42.3446 15.1761C42.4014 15.2689 42.4734 15.3314 42.5605 15.3636C42.6495 15.3939 42.7433 15.4091 42.8417 15.4091C42.9156 15.4091 42.9762 15.4053 43.0236 15.3977C43.0709 15.3883 43.1088 15.3807 43.1372 15.375L43.2736 15.9773C43.2281 15.9943 43.1647 16.0114 43.0832 16.0284C43.0018 16.0473 42.8986 16.0568 42.7736 16.0568C42.5842 16.0568 42.3986 16.0161 42.2167 15.9347C42.0368 15.8532 41.8872 15.7292 41.7679 15.5625C41.6505 15.3958 41.5917 15.1856 41.5917 14.9318V10.5909ZM45.8484 16.0909C45.4545 16.0909 45.1088 15.9972 44.8115 15.8097C44.516 15.6222 44.2849 15.3598 44.1183 15.0227C43.9535 14.6856 43.8711 14.2917 43.8711 13.8409C43.8711 13.3864 43.9535 12.9896 44.1183 12.6506C44.2849 12.3116 44.516 12.0483 44.8115 11.8608C45.1088 11.6733 45.4545 11.5795 45.8484 11.5795C46.2423 11.5795 46.587 11.6733 46.8825 11.8608C47.1798 12.0483 47.4109 12.3116 47.5757 12.6506C47.7423 12.9896 47.8257 13.3864 47.8257 13.8409C47.8257 14.2917 47.7423 14.6856 47.5757 15.0227C47.4109 15.3598 47.1798 15.6222 46.8825 15.8097C46.587 15.9972 46.2423 16.0909 45.8484 16.0909ZM45.8484 15.4886C46.1476 15.4886 46.3938 15.4119 46.587 15.2585C46.7802 15.1051 46.9232 14.9034 47.016 14.6534C47.1088 14.4034 47.1552 14.1326 47.1552 13.8409C47.1552 13.5492 47.1088 13.2775 47.016 13.0256C46.9232 12.7737 46.7802 12.5701 46.587 12.4148C46.3938 12.2595 46.1476 12.1818 45.8484 12.1818C45.5492 12.1818 45.3029 12.2595 45.1098 12.4148C44.9166 12.5701 44.7736 12.7737 44.6808 13.0256C44.588 13.2775 44.5416 13.5492 44.5416 13.8409C44.5416 14.1326 44.588 14.4034 44.6808 14.6534C44.7736 14.9034 44.9166 15.1051 45.1098 15.2585C45.3029 15.4119 45.5492 15.4886 45.8484 15.4886ZM49.4396 13.375V16H48.7691V11.6364H49.4168V12.3182H49.4736C49.5759 12.0966 49.7312 11.9186 49.9396 11.7841C50.1479 11.6477 50.4168 11.5795 50.7464 11.5795C51.0418 11.5795 51.3004 11.6402 51.5219 11.7614C51.7435 11.8807 51.9159 12.0625 52.039 12.3068C52.1621 12.5492 52.2236 12.8561 52.2236 13.2273V16H51.5532V13.2727C51.5532 12.9299 51.4642 12.6629 51.2861 12.4716C51.1081 12.2784 50.8638 12.1818 50.5532 12.1818C50.3392 12.1818 50.1479 12.2282 49.9793 12.321C49.8127 12.4138 49.681 12.5492 49.5844 12.7273C49.4879 12.9053 49.4396 13.1212 49.4396 13.375Z"
+      fill="#F6F7F8"
+    />
+  </Svg>
+);
+export default SvgButton;

package/dist/elements/Calendar.tsx

@@ -0,0 +1,39 @@
+import * as React from "react";
+import Svg, { G, Path, Defs, ClipPath, Rect } from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgCalendar = ({ size = 24, color = "#344054", ...props }: IconProps) => (
+  <Svg fill="none" viewBox="0 0 80 26" width={size} height={size} {...props}>
+    <G clipPath="url(#Calendar_svg_clip0_470_686)" data-dark-mode-color="true">
+      <Path
+        d="M46 5.5H34C32.3431 5.5 31 6.84315 31 8.5V19C31 20.6569 32.3431 22 34 22H46C47.6569 22 49 20.6569 49 19V8.5C49 6.84315 47.6569 5.5 46 5.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M45 17.9862H35"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M35.5 4V7"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M44.5 4V7"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </G>
+    <Defs>
+      <ClipPath id="Calendar_svg_clip0_470_686">
+        <Rect width={24} height={24} fill="white" transform="translate(28 1)" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+export default SvgCalendar;

package/dist/elements/Checkbox.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+import Svg, { Rect, Path } from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgCheckbox = ({ size = 24, color = "#344054", ...props }: IconProps) => (
+  <Svg fill="none" viewBox="0 0 80 26" width={size} height={size} {...props}>
+    <Rect
+      x={32}
+      y={5}
+      width={15.6594}
+      height={15.6594}
+      rx={2.93614}
+      fill={color}
+      data-dark-mode-color="true"
+    />
+    <Path
+      d="M44 10.5034L38.3284 16.461L35.6594 13.6574"
+      stroke="#F6F7F8"
+      strokeWidth={1.34045}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </Svg>
+);
+export default SvgCheckbox;

package/dist/elements/Circle.tsx

@@ -0,0 +1,17 @@
+import * as React from "react";
+import Svg, { Rect } from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgCircle = ({ size = 24, color = "#344054", ...props }: IconProps) => (
+  <Svg fill="none" viewBox="0 0 80 26" width={size} height={size} {...props}>
+    <Rect
+      x={32.5}
+      y={6.5}
+      width={15}
+      height={15}
+      rx={7.5}
+      stroke={color}
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgCircle;

package/dist/elements/Dropdown.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+import Svg, { Rect, Path } from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgDropdown = ({ size = 24, color = "#344054", ...props }: IconProps) => (
+  <Svg fill="none" viewBox="0 0 80 26" width={size} height={size} {...props}>
+    <Rect
+      x={3.5}
+      y={5.40002}
+      width={73}
+      height={14.2}
+      rx={2.9}
+      stroke={color}
+      data-dark-mode-color="true"
+    />
+    <Path
+      d="M64.75 11.125L67.5 13.875L70.25 11.125"
+      stroke={color}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgDropdown;

package/dist/elements/IPhoneMockup.tsx

@@ -0,0 +1,128 @@
+import * as React from "react";
+import Svg, {
+  Mask,
+  Path,
+  Rect,
+  Circle,
+  Defs,
+  LinearGradient,
+  Stop,
+} from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgIPhoneMockup = ({
+  size = 24,
+  color = "#344054",
+  ...props
+}: IconProps) => (
+  <Svg fill="none" viewBox="0 0 80 26" width={size} height={size} {...props}>
+    <Mask id="IPhoneMockup_svg_path-1-inside-1_519_67" fill="white">
+      <Path d="M34.0229 5.66918C34.0229 5.65017 34.0383 5.63477 34.0573 5.63477H34.1262C34.1452 5.63477 34.1606 5.65017 34.1606 5.66918V6.51813C34.1606 6.53714 34.1452 6.55255 34.1262 6.55255H34.0573C34.0383 6.55255 34.0229 6.53714 34.0229 6.51813V5.66918Z" />
+    </Mask>
+    <Path
+      d="M34.0229 5.66918C34.0229 5.65017 34.0383 5.63477 34.0573 5.63477H34.1262C34.1452 5.63477 34.1606 5.65017 34.1606 5.66918V6.51813C34.1606 6.53714 34.1452 6.55255 34.1262 6.55255H34.0573C34.0383 6.55255 34.0229 6.53714 34.0229 6.51813V5.66918Z"
+      fill="white"
+    />
+    <Path
+      d="M34.0115 5.66918C34.0115 5.64384 34.032 5.62329 34.0573 5.62329H34.1147C34.14 5.62329 34.1606 5.64384 34.1606 5.66918V5.66918C34.1606 5.65651 34.1452 5.64624 34.1262 5.64624H34.0573C34.0447 5.64624 34.0344 5.65651 34.0344 5.66918L34.0115 5.66918ZM34.1606 6.51813C34.1606 6.54347 34.14 6.56402 34.1147 6.56402H34.0573C34.032 6.56402 34.0115 6.54347 34.0115 6.51813L34.0344 6.51813C34.0344 6.5308 34.0447 6.54108 34.0573 6.54108H34.1262C34.1452 6.54108 34.1606 6.5308 34.1606 6.51813V6.51813ZM34.0573 6.56402C34.032 6.56402 34.0115 6.54347 34.0115 6.51813V5.66918C34.0115 5.64384 34.032 5.62329 34.0573 5.62329L34.0573 5.64624C34.0447 5.64624 34.0344 5.65651 34.0344 5.66918V6.51813C34.0344 6.5308 34.0447 6.54108 34.0573 6.54108L34.0573 6.56402ZM34.1606 5.63477V6.55255V5.63477Z"
+      fill={color}
+      mask="url(#IPhoneMockup_svg_path-1-inside-1_519_67)"
+    />
+    <Mask id="IPhoneMockup_svg_path-3-inside-2_519_67" fill="white">
+      <Path d="M34.0229 7.41296C34.0229 7.39395 34.0383 7.37854 34.0573 7.37854H34.1262C34.1452 7.37854 34.1606 7.39395 34.1606 7.41296V9.16821C34.1606 9.18722 34.1452 9.20263 34.1262 9.20263H34.0573C34.0383 9.20263 34.0229 9.18722 34.0229 9.16821V7.41296Z" />
+    </Mask>
+    <Path
+      d="M34.0229 7.41296C34.0229 7.39395 34.0383 7.37854 34.0573 7.37854H34.1262C34.1452 7.37854 34.1606 7.39395 34.1606 7.41296V9.16821C34.1606 9.18722 34.1452 9.20263 34.1262 9.20263H34.0573C34.0383 9.20263 34.0229 9.18722 34.0229 9.16821V7.41296Z"
+      fill="white"
+    />
+    <Path
+      d="M34.0115 7.41296C34.0115 7.38761 34.032 7.36707 34.0573 7.36707H34.1147C34.14 7.36707 34.1606 7.38761 34.1606 7.41296V7.41296C34.1606 7.40028 34.1452 7.39001 34.1262 7.39001H34.0573C34.0447 7.39001 34.0344 7.40028 34.0344 7.41296L34.0115 7.41296ZM34.1606 9.16821C34.1606 9.19356 34.14 9.2141 34.1147 9.2141H34.0573C34.032 9.2141 34.0115 9.19356 34.0115 9.16821L34.0344 9.16821C34.0344 9.18089 34.0447 9.19116 34.0573 9.19116H34.1262C34.1452 9.19116 34.1606 9.18089 34.1606 9.16821V9.16821ZM34.0573 9.2141C34.032 9.2141 34.0115 9.19356 34.0115 9.16821V7.41296C34.0115 7.38761 34.032 7.36707 34.0573 7.36707L34.0573 7.39001C34.0447 7.39001 34.0344 7.40028 34.0344 7.41296V9.16821C34.0344 9.18089 34.0447 9.19116 34.0573 9.19116L34.0573 9.2141ZM34.1606 7.37854V9.20263V7.37854Z"
+      fill={color}
+      mask="url(#IPhoneMockup_svg_path-3-inside-2_519_67)"
+    />
+    <Mask id="IPhoneMockup_svg_path-5-inside-3_519_67" fill="white">
+      <Path d="M45.7476 11.474C45.7476 11.493 45.7322 11.5084 45.7132 11.5084L45.6444 11.5084C45.6254 11.5084 45.61 11.493 45.61 11.474L45.61 8.65183C45.61 8.63282 45.6254 8.61741 45.6444 8.61741L45.7132 8.61741C45.7322 8.61741 45.7476 8.63282 45.7476 8.65183L45.7476 11.474Z" />
+    </Mask>
+    <Path
+      d="M45.7476 11.474C45.7476 11.493 45.7322 11.5084 45.7132 11.5084L45.6444 11.5084C45.6254 11.5084 45.61 11.493 45.61 11.474L45.61 8.65183C45.61 8.63282 45.6254 8.61741 45.6444 8.61741L45.7132 8.61741C45.7322 8.61741 45.7476 8.63282 45.7476 8.65183L45.7476 11.474Z"
+      fill="white"
+    />
+    <Path
+      d="M45.7591 11.474C45.7591 11.4993 45.7385 11.5199 45.7132 11.5199L45.6558 11.5199C45.6305 11.5199 45.61 11.4993 45.61 11.474V11.474C45.61 11.4867 45.6254 11.497 45.6444 11.497L45.7132 11.497C45.7259 11.497 45.7361 11.4867 45.7361 11.474L45.7591 11.474ZM45.61 8.65183C45.61 8.62648 45.6305 8.60594 45.6558 8.60594L45.7132 8.60594C45.7385 8.60594 45.7591 8.62648 45.7591 8.65183L45.7361 8.65183C45.7361 8.63915 45.7259 8.62888 45.7132 8.62888L45.6444 8.62888C45.6254 8.62888 45.61 8.63915 45.61 8.65183V8.65183ZM45.7132 8.60594C45.7385 8.60594 45.7591 8.62648 45.7591 8.65183L45.7591 11.474C45.7591 11.4993 45.7385 11.5199 45.7132 11.5199L45.7132 11.497C45.7259 11.497 45.7361 11.4867 45.7361 11.474L45.7361 8.65183C45.7361 8.63915 45.7259 8.62888 45.7132 8.62888L45.7132 8.60594ZM45.61 11.5084L45.61 8.61741L45.61 11.5084Z"
+      fill={color}
+      mask="url(#IPhoneMockup_svg_path-5-inside-3_519_67)"
+    />
+    <Mask id="IPhoneMockup_svg_path-7-inside-4_519_67" fill="white">
+      <Path d="M34 9.71887C34 9.69986 34.0154 9.68445 34.0344 9.68445H34.1032C34.1222 9.68445 34.1377 9.69986 34.1377 9.71887V11.4741C34.1377 11.4931 34.1222 11.5085 34.1032 11.5085H34.0344C34.0154 11.5085 34 11.4931 34 11.4741V9.71887Z" />
+    </Mask>
+    <Path
+      d="M34 9.71887C34 9.69986 34.0154 9.68445 34.0344 9.68445H34.1032C34.1222 9.68445 34.1377 9.69986 34.1377 9.71887V11.4741C34.1377 11.4931 34.1222 11.5085 34.1032 11.5085H34.0344C34.0154 11.5085 34 11.4931 34 11.4741V9.71887Z"
+      fill="white"
+    />
+    <Path
+      d="M33.9885 9.71887C33.9885 9.69352 34.0091 9.67298 34.0344 9.67298H34.0918C34.1171 9.67298 34.1377 9.69352 34.1377 9.71887V9.71887C34.1377 9.70619 34.1222 9.69592 34.1032 9.69592H34.0344C34.0217 9.69592 34.0115 9.70619 34.0115 9.71887L33.9885 9.71887ZM34.1377 11.4741C34.1377 11.4995 34.1171 11.52 34.0918 11.52H34.0344C34.0091 11.52 33.9885 11.4995 33.9885 11.4741L34.0115 11.4741C34.0115 11.4868 34.0217 11.4971 34.0344 11.4971H34.1032C34.1222 11.4971 34.1377 11.4868 34.1377 11.4741V11.4741ZM34.0344 11.52C34.0091 11.52 33.9885 11.4995 33.9885 11.4741V9.71887C33.9885 9.69352 34.0091 9.67298 34.0344 9.67298L34.0344 9.69592C34.0217 9.69592 34.0115 9.70619 34.0115 9.71887V11.4741C34.0115 11.4868 34.0217 11.4971 34.0344 11.4971L34.0344 11.52ZM34.1377 9.68445V11.5085V9.68445Z"
+      fill={color}
+      mask="url(#IPhoneMockup_svg_path-7-inside-4_519_67)"
+    />
+    <Rect
+      x={34.0918}
+      y={1.01147}
+      width={11.5641}
+      height={23.9771}
+      rx={1.95029}
+      fill="url(#IPhoneMockup_svg_paint0_linear_519_67)"
+      stroke={color}
+      strokeWidth={0.0229446}
+    />
+    <Rect
+      x={34.1721}
+      y={1.09167}
+      width={11.4034}
+      height={23.8164}
+      rx={1.91587}
+      fill={color}
+      stroke={color}
+      strokeWidth={0.0229446}
+    />
+    <Rect
+      x={34.5392}
+      y={1.45874}
+      width={10.6692}
+      height={23.0822}
+      rx={1.53728}
+      fill="white"
+      stroke={color}
+      strokeWidth={0.0229446}
+    />
+    <Rect
+      x={38.1759}
+      y={1.82593}
+      width={3.39579}
+      height={0.986616}
+      rx={0.493308}
+      fill="black"
+    />
+    <Circle cx={41.1128} cy={2.31918} r={0.183556} fill="#131526" />
+    <Circle cx={41.1128} cy={2.3192} r={0.0803059} fill="#1F1F64" />
+    <Circle
+      opacity={0.13}
+      cx={41.1133}
+      cy={2.28532}
+      r={0.0464333}
+      fill="#5158A9"
+    />
+    <Defs>
+      <LinearGradient
+        id="IPhoneMockup_svg_paint0_linear_519_67"
+        x1={39.8738}
+        y1={1}
+        x2={25.6654}
+        y2={27.392}
+        gradientUnits="userSpaceOnUse"
+      >
+        <Stop stopColor="#F7F7F7" />
+        <Stop offset={1} stopColor="#D2D2D2" />
+      </LinearGradient>
+    </Defs>
+  </Svg>
+);
+export default SvgIPhoneMockup;

package/dist/elements/Image.tsx

@@ -0,0 +1,16 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgImage = ({ size = 24, color = "#344054", ...props }: IconProps) => (
+  <Svg fill="none" viewBox="0 0 24 24" width={size} height={size} {...props}>
+    <Path
+      d="M5.77778 20H18.2222C19.2041 20 20 19.2041 20 18.2222V5.77778C20 4.79594 19.2041 4 18.2222 4H5.77778C4.79594 4 4 4.79594 4 5.77778V18.2222C4 19.2041 4.79594 20 5.77778 20ZM5.77778 20L15.5556 10.2222L20 14.6667M10.2222 8.88889C10.2222 9.62527 9.62527 10.2222 8.88889 10.2222C8.15251 10.2222 7.55556 9.62527 7.55556 8.88889C7.55556 8.15251 8.15251 7.55556 8.88889 7.55556C9.62527 7.55556 10.2222 8.15251 10.2222 8.88889Z"
+      stroke={color}
+      strokeWidth={1.2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgImage;

package/dist/elements/Input.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import Svg, { Path, Rect } from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgInput = ({ size = 24, color = "#344054", ...props }: IconProps) => (
+  <Svg fill="none" viewBox="0 0 80 26" width={size} height={size} {...props}>
+    <Path
+      d="M7.80629 9.12032V16.3466"
+      stroke={color}
+      data-dark-mode-color="true"
+    />
+    <Rect
+      x={3.5}
+      y={5.4}
+      width={73}
+      height={14.2}
+      rx={2.9}
+      stroke={color}
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgInput;

package/dist/elements/Keyboard.tsx

@@ -0,0 +1,13 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgKeyboard = ({ size = 24, color = "#344054", ...props }: IconProps) => (
+  <Svg fill="none" viewBox="0 0 80 26" width={size} height={size} {...props}>
+    <Path
+      d="M47 6C47.7956 6 48.5587 6.31607 49.1213 6.87868C49.6839 7.44129 50 8.20435 50 9V17C50 17.7956 49.6839 18.5587 49.1213 19.1213C48.5587 19.6839 47.7956 20 47 20H31C30.2044 20 29.4413 19.6839 28.8787 19.1213C28.3161 18.5587 28 17.7956 28 17V9C28 8.20435 28.3161 7.44129 28.8787 6.87868C29.4413 6.31607 30.2044 6 31 6H47ZM33 14C32.7348 14 32.4804 14.1054 32.2929 14.2929C32.1054 14.4804 32 14.7348 32 15V15.01C32 15.2752 32.1054 15.5296 32.2929 15.7171C32.4804 15.9046 32.7348 16.01 33 16.01C33.2652 16.01 33.5196 15.9046 33.7071 15.7171C33.8946 15.5296 34 15.2752 34 15.01V15C34 14.7348 33.8946 14.4804 33.7071 14.2929C33.5196 14.1054 33.2652 14 33 14ZM45 14C44.7348 14 44.4804 14.1054 44.2929 14.2929C44.1054 14.4804 44 14.7348 44 15V15.01C44 15.2752 44.1054 15.5296 44.2929 15.7171C44.4804 15.9046 44.7348 16.01 45 16.01C45.2652 16.01 45.5196 15.9046 45.7071 15.7171C45.8946 15.5296 46 15.2752 46 15.01V15C46 14.7348 45.8946 14.4804 45.7071 14.2929C45.5196 14.1054 45.2652 14 45 14ZM37.002 14C36.8707 13.9997 36.7406 14.0253 36.6192 14.0754C36.4977 14.1254 36.3874 14.1988 36.2943 14.2915C36.1064 14.4786 36.0005 14.7328 36 14.998C35.9997 15.1293 36.0253 15.2594 36.0754 15.3808C36.1254 15.5023 36.1988 15.6126 36.2915 15.7057C36.3842 15.7987 36.4942 15.8726 36.6155 15.9231C36.7367 15.9736 36.8667 15.9997 36.998 16L40.998 16.01C41.1293 16.0103 41.2594 15.9848 41.3809 15.9348C41.5023 15.8849 41.6127 15.8115 41.7058 15.7189C41.7989 15.6262 41.8729 15.5162 41.9234 15.395C41.974 15.2738 42.0002 15.1438 42.0005 15.0125C42.0008 14.8812 41.9753 14.7511 41.9253 14.6296C41.8754 14.5082 41.802 14.3978 41.7094 14.3047C41.6167 14.2116 41.5067 14.1376 41.3855 14.0871C41.2643 14.0365 41.1343 14.0103 41.003 14.01L37.002 14ZM33 10C32.7348 10 32.4804 10.1054 32.2929 10.2929C32.1054 10.4804 32 10.7348 32 11V11.01C32 11.2752 32.1054 11.5296 32.2929 11.7171C32.4804 11.9046 32.7348 12.01 33 12.01C33.2652 12.01 33.5196 11.9046 33.7071 11.7171C33.8946 11.5296 34 11.2752 34 11.01V11C34 10.7348 33.8946 10.4804 33.7071 10.2929C33.5196 10.1054 33.2652 10 33 10ZM37 10C36.7348 10 36.4804 10.1054 36.2929 10.2929C36.1054 10.4804 36 10.7348 36 11V11.01C36 11.2752 36.1054 11.5296 36.2929 11.7171C36.4804 11.9046 36.7348 12.01 37 12.01C37.2652 12.01 37.5196 11.9046 37.7071 11.7171C37.8946 11.5296 38 11.2752 38 11.01V11C38 10.7348 37.8946 10.4804 37.7071 10.2929C37.5196 10.1054 37.2652 10 37 10ZM41 10C40.7348 10 40.4804 10.1054 40.2929 10.2929C40.1054 10.4804 40 10.7348 40 11V11.01C40 11.2752 40.1054 11.5296 40.2929 11.7171C40.4804 11.9046 40.7348 12.01 41 12.01C41.2652 12.01 41.5196 11.9046 41.7071 11.7171C41.8946 11.5296 42 11.2752 42 11.01V11C42 10.7348 41.8946 10.4804 41.7071 10.2929C41.5196 10.1054 41.2652 10 41 10ZM45 10C44.7348 10 44.4804 10.1054 44.2929 10.2929C44.1054 10.4804 44 10.7348 44 11V11.01C44 11.2752 44.1054 11.5296 44.2929 11.7171C44.4804 11.9046 44.7348 12.01 45 12.01C45.2652 12.01 45.5196 11.9046 45.7071 11.7171C45.8946 11.5296 46 11.2752 46 11.01V11C46 10.7348 45.8946 10.4804 45.7071 10.2929C45.5196 10.1054 45.2652 10 45 10Z"
+      fill={color}
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgKeyboard;

package/dist/elements/Label.tsx

@@ -0,0 +1,13 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgLabel = ({ size = 24, color = "#344054", ...props }: IconProps) => (
+  <Svg fill="none" viewBox="0 0 80 26" width={size} height={size} {...props}>
+    <Path
+      d="M46.8136 5.0235L47 8.97504H46.5278C46.4367 8.27917 46.3124 7.78212 46.155 7.48389C45.8982 7.00341 45.5544 6.65133 45.1236 6.42766C44.7011 6.19571 44.142 6.07973 43.4461 6.07973H41.0727V18.9533C41.0727 19.9888 41.1845 20.635 41.4082 20.8918C41.723 21.2397 42.2076 21.4137 42.8621 21.4137H43.4461V21.8735H36.301V21.4137H36.8975C37.6099 21.4137 38.1152 21.1983 38.4135 20.7675C38.5957 20.5024 38.6869 19.8977 38.6869 18.9533V6.07973H36.6614C35.8744 6.07973 35.3152 6.13772 34.9838 6.2537C34.5531 6.41109 34.1844 6.71347 33.8779 7.16081C33.5714 7.60815 33.3891 8.2129 33.3311 8.97504H32.859L33.0578 5.0235H46.8136Z"
+      fill={color}
+      data-dark-mode-color="true"
+    />
+  </Svg>
+);
+export default SvgLabel;

package/dist/elements/Line.tsx

@@ -0,0 +1,9 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { IconProps } from "../../types";
+const SvgLine = ({ size = 24, color = "#344054", ...props }: IconProps) => (
+  <Svg fill="none" viewBox="0 0 80 26" width={size} height={size} {...props}>
+    <Path d="M22 13H58" stroke={color} data-dark-mode-color="true" />
+  </Svg>
+);
+export default SvgLine;