feat: add test icon for switch-icon developenet

app/entrypoints/renderer/package.json

@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@emotion/react": "11.9.3",
+    "@ui/icons-test": "workspace:*",
     "@ui/input": "workspace:*",
     "@ui/switch": "workspace:*",
     "@ui/theme": "workspace:*",

app/entrypoints/renderer/src/app/page.tsx

@@ -7,12 +7,14 @@ import { Input }         from '@ui/input'
 import { BaseSwitch }        from '@ui/switch'
 import { IconSwitch }        from '@ui/switch'
 import { ModeSwitch }        from '@ui/switch'
+import { TelegramIcon }      from '@ui/icons-test'
 
 const Page = () => (
   <ThemeProvider>
     <Input placeholder='placeholder' />
     <BaseSwitch />
     <IconSwitch />
+		<TelegramIcon width={24} height={24} />
   </ThemeProvider>
 )
 

ui/icons/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@ui/icons-test",
+  "version": "0.0.1",
+  "license": "BSD-3-Clause",
+  "main": "src/index.ts",
+  "devDependencies": {
+    "@emotion/react": "11.9.3",
+    "@emotion/styled": "11.9.3",
+    "react": "17.0.2",
+    "react-dom": "17.0.2"
+  },
+  "peerDependencies": {
+    "@emotion/react": "*",
+    "@emotion/styled": "*",
+    "react": "*",
+    "react-dom": "*"
+  }
+}

ui/icons/src/TelegramIcon.tsx

@@ -0,0 +1,23 @@
+import { useTheme } from '@emotion/react'
+
+/* eslint-disable */
+import React        from 'react'
+
+export const TelegramIcon = (props: any) => {
+  const theme: any = useTheme()
+  return (
+    <svg
+      width='1em'
+      height='1em'
+      viewBox='0 0 25 24'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      {...props}
+    >
+      <path
+        d='M9.84784 14.9848L9.517 19.6382C9.99034 19.6382 10.1953 19.4349 10.4412 19.1907L12.6604 17.0698L17.2588 20.4374C18.1022 20.9074 18.6964 20.6599 18.9239 19.6615L21.9423 5.51787L21.9431 5.51704C22.2106 4.27034 21.4923 3.78283 20.6706 4.08867L2.9285 10.8813C1.71764 11.3513 1.73598 12.0264 2.72267 12.3322L7.25861 13.7431L17.7947 7.15041C18.2905 6.82207 18.7414 7.00374 18.3705 7.33208L9.84784 14.9848Z'
+        fill={props.color || '#2AA1DD'}
+      />
+    </svg>
+  )
+}

ui/icons/src/index.ts

@@ -0,0 +1 @@
+export * from './TelegramIcon'