feat: add accelerator logo (#12)

src/components/common/Logo/img/accelerator.tsx

@@ -0,0 +1,36 @@
+import React from 'react'
+import { StyledLogoSvgProps } from '../types'
+
+export const AcceleratorLogoSvg = ({
+  color = '#141421',
+  color2 = '#5100CD',
+}: StyledLogoSvgProps) => {
+  return (
+    <svg
+      height="0.8em"
+      viewBox="0 0 889 93"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M66.744 93L64.312 77.64H33.208L25.4 93H0.696L49.08 5.96H72.504L90.168 93H66.744ZM42.808 58.696H61.112L56.76 31.176L42.808 58.696ZM138.933 75.592L147.893 67.912L159.413 81.864L146.357 93H113.205L101.941 79.304L108.341 42.568L124.469 28.872H156.981L166.197 40.008L150.069 53.704L143.925 46.28H133.045L128.949 49.736L124.853 72.52L127.413 75.592H138.933ZM205.058 75.592L214.018 67.912L225.538 81.864L212.482 93H179.33L168.066 79.304L174.466 42.568L190.594 28.872H223.106L232.322 40.008L216.194 53.704L210.05 46.28H199.17L195.074 49.736L190.978 72.52L193.538 75.592H205.058ZM297.935 67.272H257.999L256.847 73.928L259.407 77H274.895L284.879 68.552L295.375 81.352L281.679 93H245.455L234.191 79.304L240.591 42.568L256.719 28.872H291.023L302.287 42.568L297.935 67.272ZM265.551 44.872L261.327 48.456L260.303 54.088H278.479L279.631 47.944L277.071 44.872H265.551ZM331.502 72.392L334.19 75.592H341.102L338.03 93H319.982L308.59 79.176L322.414 0.839996H344.174L331.502 72.392ZM413.435 67.272H373.499L372.347 73.928L374.907 77H390.395L400.379 68.552L410.875 81.352L397.179 93H360.955L349.691 79.304L356.091 42.568L372.219 28.872H406.523L417.787 42.568L413.435 67.272ZM381.051 44.872L376.827 48.456L375.803 54.088H393.979L395.131 47.944L392.571 44.872H381.051ZM464.922 28.872H478.49L474.906 48.968H456.986L451.482 53.704L444.57 93H422.81L434.074 28.872H453.274L451.61 40.136L464.922 28.872ZM547.814 28.872L536.55 93H517.35L518.758 83.016L506.982 93H489.318L478.054 79.304L483.686 47.048L505.062 28.872H547.814ZM505.062 75.592H511.718L518.886 69.448L522.982 46.28H513.126L504.294 53.832L501.222 70.984L505.062 75.592ZM607.847 46.28H591.079L586.727 70.984L590.439 75.592H602.727L599.655 93H574.695L563.431 79.304L569.191 46.28H556.135L559.207 28.872H573.543L580.711 5.96H598.119L594.151 28.872H610.919L607.847 46.28ZM669.886 28.872L681.15 42.568L674.75 79.304L658.622 93H624.83L613.566 79.304L619.966 42.568L636.094 28.872H669.886ZM650.046 75.592L654.27 72.008L658.238 49.352L655.678 46.28H644.67L640.446 49.864L636.478 72.52L639.038 75.592H650.046ZM743.136 28.872L754.4 42.568L748 79.304L731.872 93H698.08L686.816 79.304L693.216 42.568L709.344 28.872H743.136ZM723.296 75.592L727.52 72.008L731.488 49.352L728.928 46.28H717.92L713.696 49.864L709.728 72.52L712.288 75.592H723.296ZM816.386 28.872L827.65 42.568L821.25 79.304L805.122 93H771.33L760.066 79.304L766.466 42.568L782.594 28.872H816.386ZM796.546 75.592L800.77 72.008L804.738 49.352L802.178 46.28H791.17L786.946 49.864L782.978 72.52L785.538 75.592H796.546ZM875.172 28.872H888.74L885.156 48.968H867.236L861.732 53.704L854.82 93H833.06L844.324 28.872H863.524L861.86 40.136L875.172 28.872Z"
+        fill="url(#paint0_linear_6893_2838)"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_6893_2838"
+          x1="75.883"
+          y1="50.0847"
+          x2="637.787"
+          y2="50.0847"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor={color} />
+          <stop offset="1" stopColor={color2} />
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}
+
+export default AcceleratorLogoSvg

src/components/common/Logo/img/index.ts

@@ -1,10 +1,12 @@
 import React from 'react'
 import AlephLogoSvg from './aleph'
 import TwentysixLogoSvg from './twentysix'
+import AcceleratorLogoSvg from './accelerator'
 
 export default {
   aleph: AlephLogoSvg,
   twentysix: TwentysixLogoSvg,
+  accelerator: AcceleratorLogoSvg,
 } as Record<
   string,
   React.FunctionComponentFactory<{ color: string; bgColor: string }>

src/components/common/Logo/types.ts

@@ -1,7 +1,7 @@
 import { LinkComponent } from '../../../types'
 
 export type LogoProps = {
-  img?: string
+  img?: 'aleph' | 'twentysix' | 'accelerator'
   size?: number | string
   color?: string
   text?: boolean | string
@@ -19,5 +19,6 @@ export type StyledLogoProps = {
 
 export type StyledLogoSvgProps = {
   color: string
+  color2?: string
   bgColor?: string
 }