feat: add logo

pubkeyapp · Nov 30, 2023 · 5b9297f · 5b9297f
1 parent da9cdf4
commit 5b9297f
Show file tree

Hide file tree

Showing 46 changed files with 368 additions and 97 deletions.
diff --git a/apps/web/src/app/app-layout.tsx b/apps/web/src/app/app-layout.tsx
@@ -1,5 +1,5 @@
-import { ActionIcon, Anchor, Box, Card, Group, Text } from '@mantine/core'
-import { UiContainer, useUiColorScheme, useUiTheme } from '@pubkey-ui/core'
+import { ActionIcon, Anchor, Box, Card, Group } from '@mantine/core'
+import { UiContainer, UiLogoType, useUiColorScheme, useUiTheme } from '@pubkey-ui/core'
 import { IconMoon, IconSun } from '@tabler/icons-react'
 import { ReactNode } from 'react'
 
@@ -10,10 +10,10 @@ export function AppLayout({ children }: { children: ReactNode }) {
       <Card p="0" display="block">
         <UiContainer py="sm">
           <Group justify="space-between">
-            <Group>
-              <Text component={Link} to="/" size="xl" fw={700}>
-                Pubkey UI
-              </Text>
+            <Group align="center">
+              <Anchor component={Link} to="/" display="flex">
+                <UiLogoType height={32} />
+              </Anchor>
               <Anchor component={Link} to="/dashboard">
                 Dashboard
               </Anchor>

diff --git a/apps/web/src/app/features/demo/demo-card.tsx b/apps/web/src/app/features/demo/demo-card.tsx
diff --git a/apps/web/src/app/features/demo/demo-feature-alerts.tsx b/apps/web/src/app/features/demo/demo-feature-alerts.tsx
@@ -1,17 +1,16 @@
 import { SimpleGrid } from '@mantine/core'
-import { UiAlert, UiError, UiInfo, UiSuccess, UiWarning } from '@pubkey-ui/core'
-import { DemoCard } from './demo-card'
+import { UiCard, UiAlert, UiError, UiInfo, UiSuccess, UiWarning } from '@pubkey-ui/core'
 
 export function DemoFeatureAlerts() {
   return (
-    <DemoCard title="Alerts">
+    <UiCard title="Alerts">
       <SimpleGrid cols={2}>
         <UiError title="Error" message="Hello World" />
         <UiInfo title="Info" message="Hello World" />
         <UiSuccess title="Success" message="Hello World" />
         <UiWarning title="Warning" message="Hello World" />
         <UiAlert title="Alert" message="Hello World" />
       </SimpleGrid>
-    </DemoCard>
+    </UiCard>
   )
 }
diff --git a/apps/web/src/app/features/demo/demo-feature-copy.tsx b/apps/web/src/app/features/demo/demo-feature-copy.tsx
@@ -1,12 +1,11 @@
-import { UiCopy, UiStack } from '@pubkey-ui/core'
-import { DemoCard } from './demo-card'
+import { UiCard, UiCopy, UiStack } from '@pubkey-ui/core'
 
 export function DemoFeatureCopy() {
   return (
-    <DemoCard title="Copy">
+    <UiCard title="Copy">
       <UiStack>
         <UiCopy text="Hello PubKey UI" />
       </UiStack>
-    </DemoCard>
+    </UiCard>
   )
 }
diff --git a/apps/web/src/app/features/demo/demo-feature-debug.tsx b/apps/web/src/app/features/demo/demo-feature-debug.tsx
@@ -1,16 +1,15 @@
 import { SimpleGrid } from '@mantine/core'
-import { UiDebug, UiDebugModal } from '@pubkey-ui/core'
-import { DemoCard } from './demo-card'
+import { UiCard, UiDebug, UiDebugModal } from '@pubkey-ui/core'
 
 export function DemoFeatureDebug() {
   return (
-    <DemoCard title="Debug">
+    <UiCard title="Debug">
       <SimpleGrid cols={2}>
         <UiDebug data={{ foo: 'bar' }} open hideButton />
         <UiDebug data={{ foo: 'bar' }} />
         <UiDebug data={{ foo: 'bar' }} open />
         <UiDebugModal data={{ foo: 'bar' }} />
       </SimpleGrid>
-    </DemoCard>
+    </UiCard>
   )
 }
diff --git a/apps/web/src/app/features/demo/demo-feature-group.tsx b/apps/web/src/app/features/demo/demo-feature-group.tsx
@@ -1,10 +1,9 @@
 import { Button, SimpleGrid } from '@mantine/core'
-import { UiGroup } from '@pubkey-ui/core'
-import { DemoCard } from './demo-card'
+import { UiCard, UiGroup } from '@pubkey-ui/core'
 
 export function DemoFeatureGroup() {
   return (
-    <DemoCard title="Group">
+    <UiCard title="Group">
       <SimpleGrid cols={2}>
         <UiGroup justify="space-between">
           <Button>Save</Button> <Button variant="default">Cancel</Button>
@@ -25,6 +24,6 @@ export function DemoFeatureGroup() {
           <Button>Save</Button> <Button variant="default">Cancel</Button>
         </UiGroup>
       </SimpleGrid>
-    </DemoCard>
+    </UiCard>
   )
 }
diff --git a/apps/web/src/app/features/demo/demo-feature-logo.tsx b/apps/web/src/app/features/demo/demo-feature-logo.tsx
@@ -0,0 +1,14 @@
+import { SimpleGrid } from '@mantine/core'
+import { UiCard, UiLogoType, UiLogoTypeBlack, UiLogoTypeWhite } from '@pubkey-ui/core'
+
+export function DemoFeatureLogo() {
+  return (
+    <UiCard title="Logo">
+      <SimpleGrid cols={2}>
+        <UiLogoType height={64} />
+        <UiLogoTypeBlack height={64} />
+        <UiLogoTypeWhite height={64} />
+      </SimpleGrid>
+    </UiCard>
+  )
+}
diff --git a/apps/web/src/app/features/demo/demo-feature-search-input.tsx b/apps/web/src/app/features/demo/demo-feature-search-input.tsx
@@ -1,10 +1,9 @@
 import { SimpleGrid } from '@mantine/core'
-import { UiGroup, UiSearchInput } from '@pubkey-ui/core'
-import { DemoCard } from './demo-card'
+import { UiCard, UiGroup, UiSearchInput } from '@pubkey-ui/core'
 
 export function DemoFeatureSearchInput() {
   return (
-    <DemoCard title="SearchInput">
+    <UiCard title="SearchInput">
       <SimpleGrid cols={2}>
         <UiSearchInput />
         <UiSearchInput icon={{ radius: 0 }} text={{ radius: 0 }} />
@@ -18,6 +17,6 @@ export function DemoFeatureSearchInput() {
         <UiSearchInput />
         <UiSearchInput />
       </UiGroup>
-    </DemoCard>
+    </UiCard>
   )
 }
diff --git a/apps/web/src/app/features/demo/demo-feature-stack.tsx b/apps/web/src/app/features/demo/demo-feature-stack.tsx
@@ -1,10 +1,9 @@
 import { Button, SimpleGrid } from '@mantine/core'
-import { UiStack } from '@pubkey-ui/core'
-import { DemoCard } from './demo-card'
+import { UiCard, UiStack } from '@pubkey-ui/core'
 
 export function DemoFeatureStack() {
   return (
-    <DemoCard title="Stack">
+    <UiCard title="Stack">
       <SimpleGrid cols={2}>
         <UiStack justify="space-between">
           <Button>Save</Button> <Button variant="default">Cancel</Button>
@@ -25,6 +24,6 @@ export function DemoFeatureStack() {
           <Button>Save</Button> <Button variant="default">Cancel</Button>
         </UiStack>
       </SimpleGrid>
-    </DemoCard>
+    </UiCard>
   )
 }
diff --git a/apps/web/src/app/features/demo/demo-feature-tab-routes.tsx b/apps/web/src/app/features/demo/demo-feature-tab-routes.tsx
@@ -1,10 +1,9 @@
 import { SimpleGrid } from '@mantine/core'
 import { UiCard, UiTabRoutes } from '@pubkey-ui/core'
-import { DemoCard } from './demo-card'
 
 export function DemoFeatureTabRoutes() {
   return (
-    <DemoCard title="Time">
+    <UiCard title="Time">
       <UiTabRoutes
         baseUrl="/demo"
         tabs={[
@@ -37,6 +36,6 @@ export function DemoFeatureTabRoutes() {
           },
         ]}
       />
-    </DemoCard>
+    </UiCard>
   )
 }
diff --git a/apps/web/src/app/features/demo/demo-feature-time.tsx b/apps/web/src/app/features/demo/demo-feature-time.tsx
@@ -1,10 +1,9 @@
 import { SimpleGrid } from '@mantine/core'
-import { UiTime } from '@pubkey-ui/core'
-import { DemoCard } from './demo-card'
+import { UiCard, UiTime } from '@pubkey-ui/core'
 
 export function DemoFeatureTime() {
   return (
-    <DemoCard title="Time">
+    <UiCard title="Time">
       <SimpleGrid cols={2}>
         <UiTime date={new Date(new Date().setMonth(new Date().getMonth() - 1))} />
         <UiTime date={new Date(new Date().setDate(new Date().getDate() - 7))} />
@@ -17,6 +16,6 @@ export function DemoFeatureTime() {
         <UiTime date={new Date(new Date().setFullYear(new Date().getFullYear() + 1))} />
         <UiTime date={new Date('2021-01-01')} />
       </SimpleGrid>
-    </DemoCard>
+    </UiCard>
   )
 }
diff --git a/apps/web/src/app/features/demo/demo-feature-toast.tsx b/apps/web/src/app/features/demo/demo-feature-toast.tsx
@@ -1,10 +1,9 @@
 import { Button, SimpleGrid } from '@mantine/core'
-import { toastError, toastInfo, toastSuccess, toastWarning } from '@pubkey-ui/core'
-import { DemoCard } from './demo-card'
+import { UiCard, toastError, toastInfo, toastSuccess, toastWarning } from '@pubkey-ui/core'
 
 export function DemoFeatureToast() {
   return (
-    <DemoCard title="Toast">
+    <UiCard title="Toast">
       <SimpleGrid cols={2}>
         <Button color="green" onClick={() => toastSuccess('This is a success toast')}>
           Toast Success
@@ -19,6 +18,6 @@ export function DemoFeatureToast() {
           Toast Info
         </Button>
       </SimpleGrid>
-    </DemoCard>
+    </UiCard>
   )
 }
diff --git a/apps/web/src/app/features/demo/demo-feature.tsx b/apps/web/src/app/features/demo/demo-feature.tsx
@@ -4,6 +4,7 @@ import { DemoFeatureCard } from './demo-feature-card'
 import { DemoFeatureCopy } from './demo-feature-copy'
 import { DemoFeatureDebug } from './demo-feature-debug'
 import { DemoFeatureGroup } from './demo-feature-group'
+import { DemoFeatureLogo } from './demo-feature-logo'
 import { DemoFeatureSearchInput } from './demo-feature-search-input'
 import { DemoFeatureStack } from './demo-feature-stack'
 import { DemoFeatureTabRoutes } from './demo-feature-tab-routes'
@@ -19,6 +20,7 @@ export function DemoFeature() {
         <DemoFeatureCopy />
         <DemoFeatureDebug />
         <DemoFeatureGroup />
+        <DemoFeatureLogo />
         <DemoFeatureSearchInput />
         <DemoFeatureStack />
         <DemoFeatureTabRoutes />

diff --git a/...c/app/features/dev/dev-feature-search.tsx → ...src/app/features/dev/dev-feature-link.tsx b/...c/app/features/dev/dev-feature-search.tsx → ...src/app/features/dev/dev-feature-link.tsx
@@ -1,7 +1,7 @@
 import { Anchor, Button } from '@mantine/core'
 import { UiCard, UiContainer, useUiTheme } from '@pubkey-ui/core'
 
-export function DevFeatureSearch() {
+export function DevFeatureLink() {
   const { Link } = useUiTheme()
   return (
     <UiContainer>

diff --git a/apps/web/src/app/features/dev/dev-feature-logo.tsx b/apps/web/src/app/features/dev/dev-feature-logo.tsx
@@ -0,0 +1,30 @@
+import {
+  UiCard,
+  UiContainer,
+  UiGroup,
+  UiLogo,
+  UiLogoType,
+  UiLogoTypeBlack,
+  UiLogoTypeWhite,
+  UiStack,
+} from '@pubkey-ui/core'
+
+export function DevFeatureLogo() {
+  return (
+    <UiContainer>
+      <UiCard title="Logos">
+        <UiGroup>
+          <UiLogo height={16} />
+          <UiLogo height={32} />
+          <UiLogo height={64} />
+          <UiLogo height={128} />
+        </UiGroup>
+        <UiStack>
+          <UiLogoType height={64} />
+          <UiLogoTypeBlack height={64} />
+          <UiLogoTypeWhite height={64} />
+        </UiStack>
+      </UiCard>
+    </UiContainer>
+  )
+}
diff --git a/apps/web/src/app/features/dev/dev-feature.tsx b/apps/web/src/app/features/dev/dev-feature.tsx
@@ -1,5 +1,12 @@
-import { DevFeatureSearch } from './dev-feature-search'
+import { UiContainer } from '@pubkey-ui/core'
+import { DevFeatureLink } from './dev-feature-link'
+import { DevFeatureLogo } from './dev-feature-logo'
 
 export function DevFeature() {
-  return <DevFeatureSearch />
+  return (
+    <UiContainer>
+      <DevFeatureLogo />
+      <DevFeatureLink />
+    </UiContainer>
+  )
 }
diff --git a/packages/core/src/lib/index.ts b/packages/core/src/lib/index.ts
@@ -4,6 +4,7 @@ export * from './ui-container'
 export * from './ui-copy'
 export * from './ui-debug'
 export * from './ui-group'
+export * from './ui-logo'
 export * from './ui-search-input'
 export * from './ui-stack'
 export * from './ui-tab-routes'

diff --git a/packages/core/src/lib/ui-logo-mark/index.ts b/packages/core/src/lib/ui-logo-mark/index.ts
@@ -0,0 +1,3 @@
+export * from './ui-logo-mark'
+export * from './ui-logo-mark-black'
+export * from './ui-logo-mark-white'
diff --git a/packages/core/src/lib/ui-logo-mark/ui-logo-mark-black.tsx b/packages/core/src/lib/ui-logo-mark/ui-logo-mark-black.tsx
@@ -0,0 +1,26 @@
+import { UiLogoMarkProps } from './ui-logo-mark'
+
+export function UiLogoMarkBlack({ height, width, ...props }: UiLogoMarkProps = {}) {
+  return (
+    <svg height={height} width={width} viewBox="0 0 2048 512" version="1.1" {...props}>
+      <g stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+        <g>
+          <rect fill="#1C7ED6" x="0" y="0" width="512" height="512" rx="64"></rect>
+          <g transform="translate(142.000000, 96.000000)" fill="#FFFFFF" fillRule="nonzero">
+            <path d="M55.296,210.432 L55.296,316.416 C52.5653333,317.44 48.9813333,318.378667 44.544,319.232 C40.1066667,320.085333 35.1573333,320.512 29.696,320.512 C19.1146667,320.512 11.52,318.549333 6.912,314.624 C2.304,310.698667 0,304.128 0,294.912 L0,30.72 C0,24.9173333 1.62133333,20.3946667 4.864,17.152 C8.10666667,13.9093333 12.6293333,11.4346667 18.432,9.728 C29.0133333,5.97333333 41.6426667,3.41333333 56.32,2.048 C70.9973333,0.682666667 84.8213333,-2.84217094e-14 97.792,-2.84217094e-14 C142.165333,-2.84217094e-14 175.018667,9.38666667 196.352,28.16 C217.685333,46.9333333 228.352,72.3626667 228.352,104.448 C228.352,136.533333 217.685333,162.218667 196.352,181.504 C175.018667,200.789333 143.189333,210.432 100.864,210.432 L55.296,210.432 Z M97.28,165.888 C120.832,165.888 139.349333,160.768 152.832,150.528 C166.314667,140.288 173.056,124.928 173.056,104.448 C173.056,83.968 166.656,68.9493333 153.856,59.392 C141.056,49.8346667 122.709333,45.056 98.816,45.056 C90.9653333,45.056 83.2,45.3973333 75.52,46.08 C67.84,46.7626667 60.928,47.616 54.784,48.64 L54.784,165.888 L97.28,165.888 Z"></path>
+          </g>
+        </g>
+        <g transform="translate(661.800000, 106.200000)" fill="#000000" fillRule="nonzero">
+          <g transform="translate(0.000000, -0.000000)">
+            <path d="M43.2,179.2 L43.2,262 C41.0666667,262.8 38.2666667,263.533333 34.8,264.2 C31.3333333,264.866667 27.4666667,265.2 23.2,265.2 C14.9333333,265.2 9,263.666667 5.4,260.6 C1.8,257.533333 0,252.4 0,245.2 L0,38.8 C0,34.2666667 1.26666667,30.7333333 3.8,28.2 C6.33333333,25.6666667 9.86666667,23.7333333 14.4,22.4 C22.6666667,19.4666667 32.5333333,17.4666667 44,16.4 C55.4666667,15.3333333 66.2666667,14.8 76.4,14.8 C111.066667,14.8 136.733333,22.1333333 153.4,36.8 C170.066667,51.4666667 178.4,71.3333333 178.4,96.4 C178.4,121.466667 170.066667,141.533333 153.4,156.6 C136.733333,171.666667 111.866667,179.2 78.8,179.2 L43.2,179.2 Z M76,144.4 C94.4,144.4 108.866667,140.4 119.4,132.4 C129.933333,124.4 135.2,112.4 135.2,96.4 C135.2,80.4 130.2,68.6666667 120.2,61.2 C110.2,53.7333333 95.8666667,50 77.2,50 C71.0666667,50 65,50.2666667 59,50.8 C53,51.3333333 47.6,52 42.8,52.8 L42.8,144.4 L76,144.4 Z"></path>
+            <path d="M223.2,76 C225.066667,75.4666667 227.733333,74.8666667 231.2,74.2 C234.666667,73.5333333 238.4,73.2 242.4,73.2 C250.133333,73.2 255.8,74.6666667 259.4,77.6 C263,80.5333333 264.8,85.6 264.8,92.8 L264.8,191.6 C264.8,207.066667 268.866667,218.066667 277,224.6 C285.133333,231.133333 296.4,234.4 310.8,234.4 C320.133333,234.4 328,233.466667 334.4,231.6 C340.8,229.733333 345.866667,227.733333 349.6,225.6 L349.6,76 C351.733333,75.4666667 354.466667,74.8666667 357.8,74.2 C361.133333,73.5333333 364.8,73.2 368.8,73.2 C376.533333,73.2 382.266667,74.6666667 386,77.6 C389.733333,80.5333333 391.6,85.6 391.6,92.8 L391.6,227.6 C391.6,233.466667 390.666667,238.266667 388.8,242 C386.933333,245.733333 383.2,249.333333 377.6,252.8 C370.666667,256.8 361.533333,260.4 350.2,263.6 C338.866667,266.8 325.6,268.4 310.4,268.4 C282.933333,268.4 261.533333,262.333333 246.2,250.2 C230.866667,238.066667 223.2,218.8 223.2,192.4 L223.2,76 Z"></path>
+            <path d="M536,70 C548.533333,70 560.266667,72.0666667 571.2,76.2 C582.133333,80.3333333 591.6,86.4666667 599.6,94.6 C607.6,102.733333 613.866667,113 618.4,125.4 C622.933333,137.8 625.2,152.266667 625.2,168.8 C625.2,185.6 622.866667,200.266667 618.2,212.8 C613.533333,225.333333 606.933333,235.666667 598.4,243.8 C589.866667,251.933333 579.666667,258.066667 567.8,262.2 C555.933333,266.333333 542.8,268.4 528.4,268.4 C514,268.4 501.266667,266.666667 490.2,263.2 C479.133333,259.733333 470.133333,255.733333 463.2,251.2 C457.6,247.466667 453.6,243.733333 451.2,240 C448.8,236.266667 447.6,231.466667 447.6,225.6 L447.6,3.2 C449.466667,2.66666667 452.133333,2 455.6,1.2 C459.066667,0.4 462.8,-2.84217094e-14 466.8,-2.84217094e-14 C474.533333,-2.84217094e-14 480.2,1.46666667 483.8,4.4 C487.4,7.33333333 489.2,12.2666667 489.2,19.2 L489.2,82.4 C495.066667,79.2 501.866667,76.3333333 509.6,73.8 C517.333333,71.2666667 526.133333,70 536,70 Z M529.2,103.6 C520.666667,103.6 513.066667,105 506.4,107.8 C499.733333,110.6 494,113.866667 489.2,117.6 L489.2,224 C492.933333,226.666667 498.133333,229.066667 504.8,231.2 C511.466667,233.333333 519.2,234.4 528,234.4 C544.266667,234.4 557.466667,229.066667 567.6,218.4 C577.733333,207.733333 582.8,191.2 582.8,168.8 C582.8,146.133333 577.8,129.6 567.8,119.2 C557.8,108.8 544.933333,103.6 529.2,103.6 Z"></path>
+            <path d="M719.2,153.2 L719.2,262.4 C717.066667,262.933333 714.266667,263.6 710.8,264.4 C707.333333,265.2 703.466667,265.6 699.2,265.6 C690.933333,265.6 685,264.066667 681.4,261 C677.8,257.933333 676,252.8 676,245.6 L676,20 C678.133333,19.4666667 681,18.8666667 684.6,18.2 C688.2,17.5333333 692,17.2 696,17.2 C703.733333,17.2 709.533333,18.6666667 713.4,21.6 C717.266667,24.5333333 719.2,29.7333333 719.2,37.2 L719.2,127.6 L822,18 C832.133333,18.2666667 839.466667,20.4666667 844,24.6 C848.533333,28.7333333 850.8,33.6 850.8,39.2 C850.8,43.7333333 849.6,47.9333333 847.2,51.8 C844.8,55.6666667 841.333333,59.8666667 836.8,64.4 L760.8,139.6 C782.933333,162.266667 802.333333,182.333333 819,199.8 C835.666667,217.266667 850,231.466667 862,242.4 C861.466667,249.866667 859,255.666667 854.6,259.8 C850.2,263.933333 844.933333,266 838.8,266 C832.4,266 827,264.266667 822.6,260.8 C818.2,257.333333 813.733333,253.333333 809.2,248.8 L719.2,153.2 Z"></path>
+            <path d="M926.4,190.4 C930.133333,205.6 937.4,216.866667 948.2,224.2 C959,231.533333 972.8,235.2 989.6,235.2 C1000.8,235.2 1011.06667,233.466667 1020.4,230 C1029.73333,226.533333 1037.2,222.8 1042.8,218.8 C1050.26667,223.066667 1054,229.066667 1054,236.8 C1054,241.333333 1052.26667,245.533333 1048.8,249.4 C1045.33333,253.266667 1040.6,256.6 1034.6,259.4 C1028.6,262.2 1021.53333,264.4 1013.4,266 C1005.26667,267.6 996.533333,268.4 987.2,268.4 C971.733333,268.4 957.666667,266.266667 945,262 C932.333333,257.733333 921.466667,251.333333 912.4,242.8 C903.333333,234.266667 896.333333,223.733333 891.4,211.2 C886.466667,198.666667 884,184.133333 884,167.6 C884,151.6 886.4,137.533333 891.2,125.4 C896,113.266667 902.533333,103.133333 910.8,95 C919.066667,86.8666667 928.8,80.6666667 940,76.4 C951.2,72.1333333 963.2,70 976,70 C988.8,70 1000.46667,72.0666667 1011,76.2 C1021.53333,80.3333333 1030.6,86.0666667 1038.2,93.4 C1045.8,100.733333 1051.66667,109.466667 1055.8,119.6 C1059.93333,129.733333 1062,140.8 1062,152.8 C1062,159.466667 1060.4,164.333333 1057.2,167.4 C1054,170.466667 1049.33333,172.533333 1043.2,173.6 L926.4,190.4 Z M976,102.4 C961.333333,102.4 949.133333,107.333333 939.4,117.2 C929.666667,127.066667 924.533333,141.2 924,159.6 L1022.4,145.6 C1021.33333,133.6 1016.93333,123.4 1009.2,115 C1001.46667,106.6 990.4,102.4 976,102.4 Z"></path>
+            <path d="M1138.8,219.2 C1132.13333,206.133333 1124,187.6 1114.4,163.6 C1104.8,139.6 1095.46667,112.4 1086.4,82 C1088.8,79.0666667 1092,76.6 1096,74.6 C1100,72.6 1104.26667,71.6 1108.8,71.6 C1114.66667,71.6 1119.46667,73 1123.2,75.8 C1126.93333,78.6 1130,83.4666667 1132.4,90.4 C1139.6,112 1147.06667,133.266667 1154.8,154.2 C1162.53333,175.133333 1171.06667,196.8 1180.4,219.2 L1182,219.2 C1186,210.666667 1190.06667,200.666667 1194.2,189.2 C1198.33333,177.733333 1202.4,165.6 1206.4,152.8 C1210.4,140 1214.13333,127 1217.6,113.8 C1221.06667,100.6 1224.13333,88 1226.8,76 C1229.46667,74.6666667 1232.2,73.6 1235,72.8 C1237.8,72 1241.06667,71.6 1244.8,71.6 C1250.66667,71.6 1255.6,73 1259.6,75.8 C1263.6,78.6 1265.6,82.9333333 1265.6,88.8 C1265.6,95.7333333 1263.8,106.333333 1260.2,120.6 C1256.6,134.866667 1251.86667,150.6 1246,167.8 C1240.13333,185 1233.46667,202.4 1226,220 C1218.53333,237.6 1211.06667,253.2 1203.6,266.8 C1190.26667,290.266667 1178.2,308.133333 1167.4,320.4 C1156.6,332.666667 1146.4,338.8 1136.8,338.8 C1129.33333,338.8 1123.4,336.733333 1119,332.6 C1114.6,328.466667 1111.86667,323.333333 1110.8,317.2 C1115.06667,313.466667 1119.73333,308.933333 1124.8,303.6 C1129.86667,298.266667 1134.93333,292.533333 1140,286.4 C1145.06667,280.266667 1149.86667,273.933333 1154.4,267.4 C1158.93333,260.866667 1162.8,254.533333 1166,248.4 C1161.46667,247.066667 1157.06667,244.466667 1152.8,240.6 C1148.53333,236.733333 1143.86667,229.6 1138.8,219.2 Z"></path>
+          </g>
+        </g>
+      </g>
+    </svg>
+  )
+}