feat: generate new icons

libs/icons/src/index.ts

@@ -1,6 +1,17 @@
 export { default as CheckmarkSmall } from './checkmark-small'
 export { default as ChevronBottomSmall } from './chevron-bottom-small'
+export { default as Lock } from './lock'
+export { default as Lock2 } from './lock2'
+export { default as PasswordKey } from './password-key'
+export { default as PhoneTablet } from './phone-tablet'
 export { default as Setting } from './setting'
 export { default as SettingLineHorizontal } from './setting-line-horizontal'
+export { default as ShieldLock } from './shield-lock'
+export { default as Smartphone } from './smartphone'
+export { default as Surround } from './surround'
+export { default as Tablet } from './tablet'
+export { default as User } from './user'
+export { default as User2 } from './user2'
+export { default as Window } from './window'
 export { default as WindowSidebarLeft } from './window-sidebar-left'
 export { default as WindowSidebarRight } from './window-sidebar-right'

libs/icons/src/lock.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgLock = (props: SVGProps<SVGSVGElement>) => (
+    <svg width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+        <path
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M3.75 12.75a3 3 0 0 1 3-3h10.5a3 3 0 0 1 3 3v5.5a3 3 0 0 1-3 3H6.75a3 3 0 0 1-3-3zM12 16.25v-1.5M16.25 9.75V7a4.25 4.25 0 0 0-8.5 0v2.75"
+        />
+    </svg>
+)
+export default SvgLock

libs/icons/src/lock2.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgLock2 = (props: SVGProps<SVGSVGElement>) => (
+    <svg width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+        <path
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M12 15.25v-1.5M7.146 9.75c-.64 0-1.26.299-1.56.866a7.25 7.25 0 1 0 12.826 0c-.298-.567-.917-.866-1.558-.866zM16.25 9.75V7A4.25 4.25 0 0 0 12 2.75v0A4.25 4.25 0 0 0 7.75 7v2.75"
+        />
+    </svg>
+)
+export default SvgLock2

libs/icons/src/password-key.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgPasswordKey = (props: SVGProps<SVGSVGElement>) => (
+    <svg width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+        <path
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M18.25 11.25a3 3 0 0 0 3-3v-1.5a3 3 0 0 0-3-3H5.75a3 3 0 0 0-3 3v1.5a3 3 0 0 0 3 3zM3.75 17h12.004m-11.002-.002v3.252m3-3.252v2.252M20.25 17a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0"
+        />
+        <path
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M8.25 7.498a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M12.75 7.498a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M17.25 7.498a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0"
+        />
+    </svg>
+)
+export default SvgPasswordKey

libs/icons/src/phone-tablet.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgPhoneTablet = (props: SVGProps<SVGSVGElement>) => (
+    <svg width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+        <path
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M7.75 8.757V6.75a3 3 0 0 1 3-3h6.5a3 3 0 0 1 3 3v9.5a3 3 0 0 1-3 3h-5.27"
+        />
+        <path
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M3.75 10.75a2 2 0 0 1 2-2h4.5a2 2 0 0 1 2 2v7.5a2 2 0 0 1-2 2h-4.5a2 2 0 0 1-2-2zM8.25 17.75h-.5"
+        />
+    </svg>
+)
+export default SvgPhoneTablet

libs/icons/src/shield-lock.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgShieldLock = (props: SVGProps<SVGSVGElement>) => (
+    <svg width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+        <path
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M10.25 20.25c-4.122-2.721-6.501-6.976-6.501-11.916V5.6c0-.524.305-1 .78-1.218a17.9 17.9 0 0 1 14.94 0c.477.218.782.694.782 1.218v3.733"
+        />
+        <path
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M19.25 15.747h-4.5m4.5 0a1 1 0 0 1 1 1v3.502a1 1 0 0 1-1 1.001h-4.5a1 1 0 0 1-1-1v-3.502a1 1 0 0 1 1-1m4.5 0v-1.752a2.25 2.25 0 1 0-4.5 0v1.751"
+        />
+    </svg>
+)
+export default SvgShieldLock

libs/icons/src/smartphone.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSmartphone = (props: SVGProps<SVGSVGElement>) => (
+    <svg width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+        <path
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M5.75 5.75a3 3 0 0 1 3-3h6.5a3 3 0 0 1 3 3v12.5a3 3 0 0 1-3 3h-6.5a3 3 0 0 1-3-3zM13.25 5.25h-2.5"
+        />
+    </svg>
+)
+export default SvgSmartphone

libs/icons/src/surround.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgSurround = (props: SVGProps<SVGSVGElement>) => (
+    <svg width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+        <path
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M5.443 5.475A9.22 9.22 0 0 0 2.75 12a9.22 9.22 0 0 0 2.693 6.523M18.557 5.475A9.22 9.22 0 0 1 21.25 12a9.22 9.22 0 0 1-2.693 6.523M7.582 7.579A6.23 6.23 0 0 0 5.75 12c0 1.727.7 3.289 1.832 4.42m8.836-8.841A6.23 6.23 0 0 1 18.25 12c0 1.727-.7 3.289-1.832 4.42M15.25 12a3.25 3.25 0 1 1-6.5 0 3.25 3.25 0 0 1 6.5 0"
+        />
+    </svg>
+)
+export default SvgSurround

libs/icons/src/tablet.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgTablet = (props: SVGProps<SVGSVGElement>) => (
+    <svg width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+        <path
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M4.75 5.75a3 3 0 0 1 3-3h8.5a3 3 0 0 1 3 3v12.5a3 3 0 0 1-3 3h-8.5a3 3 0 0 1-3-3zM12.25 18.25h-.5"
+        />
+    </svg>
+)
+export default SvgTablet

libs/icons/src/user.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgUser = (props: SVGProps<SVGSVGElement>) => (
+    <svg width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+        <path stroke="currentColor" strokeWidth={1.5} d="M21.25 12a9.25 9.25 0 1 1-18.5 0 9.25 9.25 0 0 1 18.5 0Z" />
+        <path
+            stroke="currentColor"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M15.25 10a3.25 3.25 0 1 1-6.5 0 3.25 3.25 0 0 1 6.5 0Z"
+        />
+        <path
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M5.354 18.429C7.1 16.497 9.466 15.75 12 15.75c2.536 0 4.903.748 6.652 2.68"
+        />
+    </svg>
+)
+export default SvgUser

libs/icons/src/user2.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgUser2 = (props: SVGProps<SVGSVGElement>) => (
+    <svg width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+        <path
+            stroke="currentColor"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M16.25 7a4.25 4.25 0 1 1-8.5 0 4.25 4.25 0 0 1 8.5 0ZM3.785 19.477a5.91 5.91 0 0 1 5.79-4.727h4.853a5.914 5.914 0 0 1 5.793 4.724 1.48 1.48 0 0 1-1.448 1.776H5.233a1.477 1.477 0 0 1-1.448-1.773Z"
+        />
+    </svg>
+)
+export default SvgUser2

libs/icons/src/window.tsx

@@ -0,0 +1,14 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+const SvgWindow = (props: SVGProps<SVGSVGElement>) => (
+    <svg width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
+        <path
+            stroke="currentColor"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.5}
+            d="M2.75 6.75a3 3 0 0 1 3-3h12.5a3 3 0 0 1 3 3v10.5a3 3 0 0 1-3 3H5.75a3 3 0 0 1-3-3zM2.75 10.25h18.5M9 6.75v.5M6 6.75v.5"
+        />
+    </svg>
+)
+export default SvgWindow