@kivid/icons 1.0.0-alpha.10 → 1.0.0-alpha.14

package/src/components/native/Youtube.tsx

@@ -0,0 +1,51 @@
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef, memo } from "react";
+import { cssInterop } from "nativewind";
+interface Props extends SvgProps {
+  size?: number;
+  color?: string;
+}
+const Youtube = (props: Props, ref: React.Ref<Svg>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <Svg
+      viewBox="0 0 32 32"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <Path
+        d="M31.3313 8.44657C30.9633 7.08998 29.8791 6.02172 28.5022 5.65916C26.0067 5.00026 16 5.00026 16 5.00026C16 5.00026 5.99333 5.00026 3.4978 5.65916C2.12102 6.02172 1.03665 7.08998 0.668678 8.44657C0 10.9053 0 16.0353 0 16.0353C0 16.0353 0 21.1652 0.668678 23.6242C1.03665 24.9806 2.12102 26.0489 3.4978 26.4116C5.99333 27.0703 16 27.0703 16 27.0703C16 27.0703 26.0067 27.0703 28.5022 26.4116C29.8791 26.0489 30.9633 24.9806 31.3313 23.6242C32 21.1652 32 16.0353 32 16.0353C32 16.0353 32 10.9053 31.3313 8.44657Z"
+        fill="#ED1D24"
+      />
+      <Path
+        d="M12.7266 20.6934L21.0902 16.036L12.7266 11.3781V20.6934Z"
+        fill="white"
+      />
+    </Svg>
+  );
+};
+Youtube.displayName = "Youtube";
+const ForwardRef = forwardRef(Youtube);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+
+MaybeCssInteropedComponent = cssInterop?.(ForwardRef, {
+  className: {
+    target: "style",
+    nativeStyleToProp: { width: true, height: true },
+  },
+});
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Youtube };

package/src/components/native/index.ts

@@ -0,0 +1,274 @@
+export * from './Logo';
+export * from './Youtube';
+export * from './FillAddCircle';
+export * from './FillAffiliate';
+export * from './FillAssistent';
+export * from './FillBars';
+export * from './FillBell';
+export * from './FillBuilding';
+export * from './FillBulb';
+export * from './FillCalendarSession';
+export * from './FillChart';
+export * from './FillChatbubbleEllipses';
+export * from './FillClipboardCheck';
+export * from './FillDaily';
+export * from './FillDocList';
+export * from './FillDoctor';
+export * from './FillFamily';
+export * from './FillHandHeart';
+export * from './FillHeartCheck';
+export * from './FillHeart';
+export * from './FillHome';
+export * from './FillMoney';
+export * from './FillNote';
+export * from './FillPassaport';
+export * from './FillPeopleCredential';
+export * from './FillPeople';
+export * from './FillPersonBlazon';
+export * from './FillPersonCircle';
+export * from './FillPill';
+export * from './FillRelation';
+export * from './FillSearchHeart';
+export * from './FillSecurityHeart';
+export * from './FillSecurity';
+export * from './FillSetting';
+export * from './FillStar';
+export * from './UpArrowLine';
+export * from './GradientAdd';
+export * from './GradientAlert';
+export * from './GradientCheck';
+export * from './GradientClose';
+export * from './GradientDocLab100BasicBlue';
+export * from './GradientDocLab200BasicPink';
+export * from './Card';
+export * from './AddCircle';
+export * from './AddRectDot';
+export * from './AddRect';
+export * from './Add';
+export * from './AlertSimple';
+export * from './Alert';
+export * from './ArrowExternalLink';
+export * from './ArrowCurve';
+export * from './ArrowDown';
+export * from './ArrowLeft';
+export * from './ArrowRightRect';
+export * from './ArrowRight';
+export * from './ArrowUp';
+export * from './ArrowsScroll';
+export * from './Assistent';
+export * from './Attach';
+export * from './Baby';
+export * from './Bag';
+export * from './Bars';
+export * from './Bell';
+export * from './Biometry';
+export * from './Block';
+export * from './Body';
+export * from './Book';
+export * from './Brain';
+export * from './Building';
+export * from './Bulb';
+export * from './CalendarArrowRight';
+export * from './CalendarCancel';
+export * from './CalendarCheck';
+export * from './CalendarEmpty';
+export * from './CalendarReturn';
+export * from './CalendarSession';
+export * from './CalendarStripe';
+export * from './Calendar';
+export * from './CardAdd';
+export * from './CardArrowRight';
+export * from './CardCheck';
+export * from './CardClose';
+export * from './Cash';
+export * from './Cellphone';
+export * from './Chart';
+export * from './ChatboxEllipses';
+export * from './ChatbubbleEllipses';
+export * from './CheckCircle';
+export * from './Check';
+export * from './ChevronDown';
+export * from './ChevronLeft';
+export * from './ChevronRight';
+export * from './ChevronUp';
+export * from './ClipboardCheck';
+export * from './ClockBack';
+export * from './Clock';
+export * from './CloseCircle';
+export * from './Close';
+export * from './CloudDownload';
+export * from './CloudUpload';
+export * from './Compass';
+export * from './Connect';
+export * from './Copy';
+export * from './CreditKividInvoice';
+export * from './CreditKividReload';
+export * from './CreditKivid';
+export * from './Daily';
+export * from './Dictionary';
+export * from './DocBarcode';
+export * from './DocBudget';
+export * from './DocCardiacExam';
+export * from './DocClock';
+export * from './DocHealthStripe';
+export * from './DocHeart';
+export * from './DocImageExam';
+export * from './DocInvisible';
+export * from './DocLabExam';
+export * from './DocList';
+export * from './DocScan';
+export * from './DocWrite';
+export * from './Doctor';
+export * from './DocumentNot';
+export * from './Documents';
+export * from './DripChamber';
+export * from './Edit';
+export * from './Ellipsis';
+export * from './EmergencyCare';
+export * from './Emergency';
+export * from './Equal';
+export * from './Excel';
+export * from './Exit';
+export * from './EyeOff';
+export * from './Eye';
+export * from './Family';
+export * from './File';
+export * from './Filter';
+export * from './GlobeCursor';
+export * from './HandHeart';
+export * from './Happy';
+export * from './Headset';
+export * from './HealthCircle';
+export * from './HeartCheck';
+export * from './Heart';
+export * from './HelpBalloon';
+export * from './HelpCircle';
+export * from './Home';
+export * from './ImageError';
+export * from './Image';
+export * from './Infomation';
+export * from './InviteGroup';
+export * from './Invite';
+export * from './Invoice';
+export * from './Key';
+export * from './Link';
+export * from './ListParagraphSquare';
+export * from './Location';
+export * from './LockClosed';
+export * from './LockOpen';
+export * from './Log';
+export * from './LogoInstagram';
+export * from './LogoKivid';
+export * from './LogoStoreGoogle';
+export * from './Mail';
+export * from './MapOpen';
+export * from './MapPin';
+export * from './MarkerBalance';
+export * from './MarkerBloodType';
+export * from './MarkerBlood';
+export * from './MarkerFemaleSilhouette';
+export * from './MarkerGlucose';
+export * from './MarkerHeight';
+export * from './MarkerHormone';
+export * from './MarkerHourglass';
+export * from './MarkerKidney';
+export * from './MarkerLiver';
+export * from './MarkerMaleSilhouette';
+export * from './MarkerThyroid';
+export * from './MarkerVaccine';
+export * from './MarkerVirus';
+export * from './Mask';
+export * from './MenuBoardSquare';
+export * from './MenuBurger';
+export * from './MicOff';
+export * from './Mic';
+export * from './Minus';
+export * from './MoneyAdd';
+export * from './Money';
+export * from './Note';
+export * from './Orange';
+export * from './OrderDownArrow';
+export * from './OrderUpArrow';
+export * from './Order';
+export * from './Passaport';
+export * from './Password';
+export * from './Pause';
+export * from './Pdf';
+export * from './PeopleCredential';
+export * from './People';
+export * from './PersonAdd';
+export * from './PersonArrowLeft';
+export * from './PersonArrowRight';
+export * from './PersonBlazon';
+export * from './PersonBlock';
+export * from './PersonChange';
+export * from './PersonCircle';
+export * from './PersonDoc';
+export * from './PersonFrame';
+export * from './PersonInvite';
+export * from './PersonReturn';
+export * from './PersonSubstract';
+export * from './Person';
+export * from './PhoneMessage';
+export * from './Phone';
+export * from './PhotoAxis';
+export * from './PhotoBrightness';
+export * from './PhotoCamera';
+export * from './PhotoCenter';
+export * from './PillClock';
+export * from './Pill';
+export * from './PinAlert';
+export * from './PinCheck';
+export * from './PinClose';
+export * from './PinRoute';
+export * from './Pin';
+export * from './Pix';
+export * from './Play';
+export * from './Pricetag';
+export * from './Print';
+export * from './Procedure';
+export * from './Professional';
+export * from './Protected';
+export * from './Queue';
+export * from './Refresh';
+export * from './Relation';
+export * from './ReloadHeart';
+export * from './ReloadMoney';
+export * from './Reload';
+export * from './ReorderDown';
+export * from './ReorderUp';
+export * from './Result';
+export * from './Rocket';
+export * from './Sad';
+export * from './SealCertified';
+export * from './SearchHeart';
+export * from './Search';
+export * from './SecurityHeart';
+export * from './SecurityKey';
+export * from './Security';
+export * from './Send';
+export * from './ServiceGoogleDrive';
+export * from './Setting';
+export * from './Share';
+export * from './ShieldCheck';
+export * from './Smile';
+export * from './SocialWhatsapp';
+export * from './SocialYoutube';
+export * from './SortTrans';
+export * from './Sort';
+export * from './Sport';
+export * from './Star';
+export * from './Stethoscope';
+export * from './StoreApple';
+export * from './Target';
+export * from './Teeth';
+export * from './Telemedicine';
+export * from './Transfer';
+export * from './Trash';
+export * from './Unlink';
+export * from './Vaccine';
+export * from './VideoOff';
+export * from './VideoOn';
+export * from './Virus';
+export * from './Volleyball';
+export * from './Watermelon';

package/src/components/web/Add.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Add = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M12.0206 4.92896V19.0711M19.0917 12H4.94956"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Add.displayName = "Add";
+const ForwardRef = forwardRef(Add);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Add };

package/src/components/web/AddCircle.tsx

@@ -0,0 +1,43 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const AddCircle = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={stroke}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      width={size}
+      height={size}
+      color={color}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M12.0138 7.67397L12.0138 16.3007M16.3286 11.9887L7.70186 11.9887M22.3956 12C22.3956 17.73 17.7506 22.375 12.0206 22.375C6.29068 22.375 1.64563 17.73 1.64563 12C1.64563 6.27005 6.29068 1.625 12.0206 1.625C17.7506 1.625 22.3956 6.27005 22.3956 12Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+AddCircle.displayName = "AddCircle";
+const ForwardRef = forwardRef(AddCircle);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as AddCircle };

package/src/components/web/AddRect.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const AddRect = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M12.2816 9.54647V14.8809M14.9488 12.2137H9.61441M19.1486 18.8224H4.89261C4.59149 18.8224 4.29332 18.7632 4.01512 18.6479C3.73692 18.5327 3.48415 18.3638 3.27122 18.1509C3.0583 17.938 2.88939 17.6852 2.77415 17.407C2.65892 17.1288 2.59961 16.8306 2.59961 16.5295V7.47046C2.59961 7.16934 2.65892 6.87116 2.77415 6.59296C2.88939 6.31476 3.0583 6.06198 3.27122 5.84906C3.48415 5.63614 3.73692 5.46722 4.01512 5.35199C4.29332 5.23676 4.59149 5.17749 4.89261 5.17749H19.1486C19.7568 5.17749 20.34 5.41904 20.77 5.84906C21.2 6.27908 21.4416 6.86232 21.4416 7.47046V16.5295C21.4416 17.1376 21.2 17.7209 20.77 18.1509C20.34 18.5809 19.7568 18.8224 19.1486 18.8224Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+AddRect.displayName = "AddRect";
+const ForwardRef = forwardRef(AddRect);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as AddRect };

package/src/components/web/AddRectDot.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const AddRectDot = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M19.0206 10.5V19.5C19.0206 20.0304 18.8099 20.5392 18.4348 20.9143C18.0597 21.2894 17.551 21.5 17.0206 21.5H5.02057C4.49014 21.5 3.98143 21.2894 3.60635 20.9143C3.23128 20.5392 3.02057 20.0304 3.02057 19.5V5.5C3.02057 4.96957 3.23128 4.46101 3.60635 4.08594C3.98143 3.71086 4.49014 3.5 5.02057 3.5H13.0206M11.0186 10.0051V15.5001M8.27057 12.7529H13.7706M21.0206 4.5C21.0206 5.60457 20.1251 6.5 19.0206 6.5C17.916 6.5 17.0206 5.60457 17.0206 4.5C17.0206 3.39543 17.916 2.5 19.0206 2.5C20.1251 2.5 21.0206 3.39543 21.0206 4.5Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+AddRectDot.displayName = "AddRectDot";
+const ForwardRef = forwardRef(AddRectDot);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as AddRectDot };

package/src/components/web/Alert.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Alert = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M11.9555 7.091V13.091M11.9555 17.091V16.091M22.3955 12C22.3955 17.73 17.7505 22.375 12.0205 22.375C6.29055 22.375 1.64551 17.73 1.64551 12C1.64551 6.27005 6.29055 1.625 12.0205 1.625C17.7505 1.625 22.3955 6.27005 22.3955 12Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Alert.displayName = "Alert";
+const ForwardRef = forwardRef(Alert);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Alert };

package/src/components/web/AlertSimple.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const AlertSimple = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill={color}
+      stroke={stroke}
+      width={size}
+      height={size}
+      color={color}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 18.25C11.3096 18.25 10.75 17.6904 10.75 17L10.75 16.3421C10.75 15.6518 11.3096 15.0921 12 15.0921C12.6904 15.0921 13.25 15.6518 13.25 16.3421L13.25 17C13.25 17.6904 12.6904 18.25 12 18.25ZM12 13.75C11.3096 13.75 10.75 13.1904 10.75 12.5L10.75 7C10.75 6.30964 11.3096 5.75 12 5.75C12.6904 5.75 13.25 6.30964 13.25 7L13.25 12.5C13.25 13.1904 12.6904 13.75 12 13.75Z"
+        fill={color}
+      />
+    </svg>
+  );
+};
+AlertSimple.displayName = "AlertSimple";
+const ForwardRef = forwardRef(AlertSimple);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as AlertSimple };

package/src/components/web/ArrowCurve.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const ArrowCurve = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M16.2387 4.00098L19.0847 6.87198L16.2387 9.74298M18.0937 6.87198H11.5847C10.2838 6.85929 9.00846 7.23346 7.92063 7.94696C6.8328 8.66047 5.98153 9.68114 5.47488 10.8794C4.96824 12.0776 4.82909 13.3994 5.07509 14.6769C5.32109 15.9543 5.94114 17.1299 6.85654 18.0543C7.77193 18.9787 8.94137 19.6103 10.2164 19.8688C11.4914 20.1273 12.8144 20.0011 14.0176 19.5062C15.2207 19.0113 16.2497 18.1701 16.9738 17.0893C17.698 16.0085 18.0846 14.7369 18.0847 13.436"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+ArrowCurve.displayName = "ArrowCurve";
+const ForwardRef = forwardRef(ArrowCurve);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ArrowCurve };

package/src/components/web/ArrowDown.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const ArrowDown = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M18.3206 13.1725L12.0206 19.4725L5.72064 13.1725M11.9907 18.2416V4.52759"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+ArrowDown.displayName = "ArrowDown";
+const ForwardRef = forwardRef(ArrowDown);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ArrowDown };