Add logo gradient

Author: Adam Plesnik

docs/src/components/Logo.tsx

@@ -1,27 +1,52 @@
 import { HTMLAttributes } from 'react'
+import { addWithSpace } from '../utils/addWithSpace'
 
 const Logo = ({ className }: HTMLAttributes<HTMLDivElement>) => {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width="25"
-      height="21"
-      viewBox="0 0 25 21"
+      width="22"
+      height="19"
+      viewBox="0 0 22 19"
       fill="none"
-      className={className}
+      className={'overflow-visible' + addWithSpace(className)}
     >
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M1.14401 1.11575C1.71496 0.560336 2.48728 0.25 3.29058 0.25H20.5162C21.3195 0.25 22.0918 0.560336 22.6628 1.11575C23.234 1.67148 23.5568 2.42726 23.5568 3.21737V6.56876C23.5568 6.97365 23.2238 7.30188 22.8129 7.30188C22.4021 7.30188 22.0691 6.97365 22.0691 6.56876V3.21737C22.0691 2.82236 21.9079 2.44156 21.6177 2.15928C21.3272 1.87668 20.9312 1.71623 20.5162 1.71623H3.29058C2.87561 1.71623 2.47956 1.87668 2.18906 2.15928C1.89888 2.44156 1.73767 2.82236 1.73767 3.21737V14.3887C1.73767 15.2036 2.42898 15.8898 3.29058 15.8898H7.88408C8.29489 15.8898 8.62791 16.218 8.62791 16.6229C8.62791 17.0278 8.29489 17.356 7.88408 17.356H3.29058C1.62576 17.356 0.25 16.0314 0.25 14.3887V3.21737C0.25 2.42726 0.57274 1.67148 1.14401 1.11575Z"
-        fill="currentColor"
+        d="M0.819513 0.793601C1.34288 0.284475 2.05084 0 2.7872 0H18.5773C19.3137 0 20.0217 0.284475 20.545 0.793601C21.0687 1.30302 21.3645 1.99582 21.3645 2.72009V5.7922C21.3645 6.16335 21.0593 6.46422 20.6827 6.46422C20.3061 6.46422 20.0009 6.16335 20.0009 5.7922V2.72009C20.0009 2.358 19.8531 2.00893 19.5871 1.75018C19.3208 1.49113 18.9577 1.34405 18.5773 1.34405H2.7872C2.40681 1.34405 2.04376 1.49113 1.77747 1.75018C1.51148 2.00893 1.36369 2.358 1.36369 2.72009V12.9604C1.36369 13.7075 1.9974 14.3365 2.7872 14.3365H6.99791C7.37448 14.3365 7.67975 14.6374 7.67975 15.0085C7.67975 15.3797 7.37448 15.6805 6.99791 15.6805H2.7872C1.26111 15.6805 0 14.4663 0 12.9604V2.72009C0 1.99582 0.295845 1.30302 0.819513 0.793601Z"
+        fill="url(#paint0_linear_21_89)"
       />
       <path
         fillRule="evenodd"
         clipRule="evenodd"
-        d="M13.3566 10.513C12.5734 10.5941 11.8137 11.4744 11.9476 12.73L12.3919 16.8963C12.5258 18.1519 13.4546 18.8573 14.2378 18.7761L21.3395 18.0405C22.1227 17.9593 22.8824 17.079 22.7485 15.8235L22.3042 11.6572C22.1703 10.4016 21.2415 9.69621 20.4583 9.77735L13.3566 10.513ZM10.4681 12.8833C10.2748 11.0709 11.3696 9.24454 13.2011 9.05481L20.3028 8.31915C22.1343 8.12942 23.5904 9.69153 23.7837 11.5039L24.228 15.6702C24.4213 17.4826 23.3265 19.309 21.495 19.4987L14.3933 20.2343C12.5618 20.4241 11.1056 18.862 10.9124 17.0496L10.4681 12.8833Z"
-        fill="currentColor"
+        d="M12.0144 9.40776C11.2964 9.48213 10.6 10.2891 10.7228 11.44L11.13 15.2591C11.2528 16.4101 12.1042 17.0567 12.8221 16.9823L19.332 16.3079C20.05 16.2336 20.7464 15.4266 20.6236 14.2757L20.2163 10.4566C20.0936 9.30564 19.2422 8.65903 18.5243 8.7334L12.0144 9.40776ZM9.36655 11.5805C9.18939 9.91916 10.1929 8.24499 11.8718 8.07108L18.3817 7.39672C20.0606 7.2228 21.3954 8.65474 21.5726 10.3161L21.9798 14.1352C22.157 15.7965 21.1535 17.4707 19.4746 17.6446L12.9647 18.319C11.2858 18.4929 9.95099 17.061 9.77382 15.3996L9.36655 11.5805Z"
+        fill="url(#paint1_linear_21_89)"
       />
+      <defs>
+        <linearGradient
+          id="paint0_linear_21_89"
+          x1="12.8987"
+          y1="-3.82778"
+          x2="6.46667"
+          y2="27.5955"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#06B6D4" />
+          <stop offset="1" stopColor="#D946EF" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_21_89"
+          x1="12.8987"
+          y1="-3.82778"
+          x2="6.46667"
+          y2="27.5955"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#06B6D4" />
+          <stop offset="1" stopColor="#D946EF" />
+        </linearGradient>
+      </defs>
     </svg>
   )
 }