import * as React from 'react';
import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';

export function TiDBLogoIcon(props: SvgIconProps) {
  return (
    <SvgIcon viewBox="0 0 58.483 58.483" {...props}>
      <g xmlns="http://www.w3.org/2000/svg" data-name="Group 2426">
        <path
          data-name="Path 10575"
          d="M0 14.621v29.242l25.323 14.618L50.647 43.86V14.621L25.323 0z"
          fill="#e30c34"
        />
        <path
          data-name="Path 10576"
          d="M25.309 9.762L8.49 19.472v9.709l8.412-4.857v19.55l8.408 4.848V19.47l8.407-4.854z"
          fill="#fff"
        />
        <path
          data-name="Path 10577"
          d="M33.764 24.374v19.489l8.442-4.874V19.495z"
          fill="#fff"
        />
      </g>
    </SvgIcon>
  );
}

export function HeroSvg(props: SvgIconProps) {
  return (
    <SvgIcon viewBox="0 0 844.757 639.083" {...props}>
      <g data-name="Group 2429">
        <g transform="translate(423.737)">
          <path
            data-name="Path 10582"
            d="M116.819 119.661H14.739V52.517h93.831z"
            fill="#efefef"
          />
          <circle
            data-name="Ellipse 549"
            cx="9.28"
            cy="9.28"
            r="9.28"
            transform="translate(67.962 63.894)"
            fill="#3f3d56"
          />
          <path
            data-name="Path 10583"
            d="M103.145 33.543c.88-1 1.791-1.992 2.709-2.953l.961.917a99.595 99.595 0 00-2.673 2.914z"
            fill="#3f3d56"
          />
          <path
            data-name="Path 10584"
            d="M111.732 24.925a98.844 98.844 0 016.326-5.161l.8 1.062a96.738 96.738 0 00-6.24 5.092zm13.057-9.78c2.3-1.439 4.683-2.8 7.091-4.045l.61 1.18a98.72 98.72 0 00-7 3.99zm14.493-7.488c2.5-1.039 5.075-1.988 7.658-2.822l.408 1.264a98.503 98.503 0 00-7.556 2.784zm15.827-3.718l-.3-1.292a100.523 100.523 0 018.013-1.544l.2 1.313a98.766 98.766 0 00-7.914 1.522zm15.91-2.391L170.93.223c2.7-.181 5.449-.251 8.159-.208l-.021 1.328a97.357 97.357 0 00-8.049.205zm16.087.258l.131-1.321c2.7.268 5.419.653 8.087 1.144l-.24 1.306a97.077 97.077 0 00-7.978-1.129zm49.765 174.952a97.67 97.67 0 006.184-5.157l.892.984a99.079 99.079 0 01-6.268 5.227zM202.941 4.717l.347-1.281a99.679 99.679 0 017.786 2.459l-.452 1.248a98.697 98.697 0 00-7.681-2.426zm45.852 161.231a99.223 99.223 0 005.253-6.1l1.041.824a99.507 99.507 0 01-5.325 6.185zM218.078 10.193l.553-1.208a99.986 99.986 0 017.277 3.7l-.649 1.158a98.545 98.545 0 00-7.181-3.65zm40.7 143.142a99.014 99.014 0 004.188-6.88l1.162.643a100.052 100.052 0 01-4.244 6.973zM232.116 18.066l.742-1.1a99.87 99.87 0 016.575 4.835l-.83 1.037a97.761 97.761 0 00-6.487-4.772zm34.465 121.189a98.404 98.404 0 003.008-7.472l1.251.445c-.909 2.554-1.934 5.1-3.049 7.573zm-21.9-111.133l.912-.965a99.007 99.007 0 015.693 5.845l-.989.886a99.242 99.242 0 00-5.62-5.766zm27.3 95.967a97.678 97.678 0 001.742-7.864l1.307.233a99.382 99.382 0 01-1.766 7.971zm-16.567-83.992l1.058-.8a99.11 99.11 0 014.651 6.7l-1.121.711a96.098 96.098 0 00-4.588-6.611zm19.387 68.146c.25-2.662.391-5.368.419-8.044l1.328.014a99.086 99.086 0 01-.425 8.154zM264.03 53.678l1.176-.616a99.365 99.365 0 013.483 7.381l-1.223.517a99.313 99.313 0 00-3.436-7.282zm10.942 38.47a98.098 98.098 0 00-.913-8l1.312-.2a99.52 99.52 0 01.926 8.11zM270.291 68.5l1.261-.415c.845 2.571 1.6 5.22 2.231 7.851l-1.291.311a99.228 99.228 0 00-2.202-7.747z"
            fill="#3f3d56"
          />
          <path
            data-name="Path 10585"
            d="M226.821 183.509a96.87 96.87 0 003.374-2.065l.716 1.118a98.015 98.015 0 01-3.421 2.093z"
            fill="#3f3d56"
          />
          <path
            data-name="Path 10586"
            d="M14.739 98.664L35.083 78.32l18.414 18.413 34.936-34.936 28.659 29.2v28.659H14.739z"
            fill="#6c63ff"
          />
          <path
            data-name="Rectangle 2821"
            fill="#3f3d56"
            d="M73.694 233.75h10.918v14.193H73.694z"
          />
          <path
            data-name="Rectangle 2822"
            fill="#3f3d56"
            d="M413.299 415.387l7.72 7.72-10.036 10.036-7.72-7.72z"
          />
          <path
            data-name="Rectangle 2823"
            fill="#3f3d56"
            d="M215.69 72.026l7.72 7.72-10.036 10.036-7.72-7.72z"
          />
          <path
            data-name="Path 10588"
            d="M360.285 374.721a94.186 94.186 0 01-1.89 3.533l-1.159-.65a99.552 99.552 0 001.866-3.486z"
            fill="#3f3d56"
          />
          <path
            data-name="Path 10589"
            d="M354.107 385.203a98.266 98.266 0 01-4.846 6.57l-1.035-.831a97.704 97.704 0 004.78-6.482zm-10.219 12.717a98.819 98.819 0 01-5.864 5.679l-.884-.991c2-1.779 3.943-3.664 5.785-5.6zm-12.179 10.853a99.79 99.79 0 01-6.718 4.635l-.709-1.123a97.471 97.471 0 006.628-4.573zm-14.407 7.533l.615 1.176a100.572 100.572 0 01-7.378 3.485l-.518-1.223a99.77 99.77 0 007.281-3.439zm-14.818 6.272l.415 1.261a97.7 97.7 0 01-7.851 2.228l-.31-1.292a96.456 96.456 0 007.746-2.2zm-15.647 3.746l.2 1.312c-2.68.41-5.411.713-8.118.9l-.092-1.325a99.463 99.463 0 008.01-.891zm-91.658-157.117a98.56 98.56 0 00-4.71 6.531l-1.108-.732a98.848 98.848 0 014.774-6.62zm75.6 158.223l-.018 1.328a99.655 99.655 0 01-8.153-.448l.127-1.321c2.661.255 5.367.404 8.04.441zm-84.46-144.794a98.09 98.09 0 00-3.573 7.217l-1.213-.54a98.753 98.753 0 013.622-7.314zm68.438 143.249l-.235 1.307a99.898 99.898 0 01-7.968-1.776l.341-1.283a98.548 98.548 0 007.862 1.751zm-74.985-128.547a99.226 99.226 0 00-2.348 7.7l-1.285-.335a99.896 99.896 0 012.379-7.808zm59.427 124.407l-.445 1.251c-2.553-.909-5.1-1.935-7.57-3.05l.546-1.21a99.18 99.18 0 007.469 3.009zm-63.484-108.832a98.438 98.438 0 00-1.058 7.985l-1.323-.12c.246-2.7.607-5.422 1.073-8.093zm48.819 102.21l-.644 1.161a99.564 99.564 0 01-6.967-4.247l.738-1.1a99.377 99.377 0 006.873 4.187zm-50.276-86.181a97.763 97.763 0 00.266 8.051l-1.324.1a99.96 99.96 0 01-.27-8.16zm36.9 77.248l-.826 1.04a98.238 98.238 0 01-6.17-5.335l.91-.967a97.659 97.659 0 006.086 5.263zm-35.7-61.2c.419 2.64.954 5.3 1.591 7.9l-1.289.316a98.567 98.567 0 01-1.613-8zm23.986 50.188l-.987.888a100.04 100.04 0 01-5.213-6.288l1.057-.8a98.604 98.604 0 005.143 6.2zm-20.158-34.55a97.776 97.776 0 002.872 7.523l-1.22.524a99.347 99.347 0 01-2.911-7.625zm10.408 21.745l-1.119.715a100.954 100.954 0 01-4.111-7.051l1.173-.622a100.046 100.046 0 004.057 6.958z"
            fill="#3f3d56"
          />
          <path
            data-name="Path 10590"
            d="M203.239 260.174a97.127 97.127 0 00-2.756 2.839l-.972-.905a97.224 97.224 0 012.794-2.877z"
            fill="#3f3d56"
          />
          <path
            data-name="Path 10594"
            d="M261.196 403.299a6.551 6.551 0 116.551-6.551 6.551 6.551 0 01-6.551 6.551zm0-12.009a5.459 5.459 0 105.459 5.459 5.459 5.459 0 00-5.459-5.459z"
            fill="#2f2e41"
          />
          <path
            data-name="Path 10595"
            d="M333.158 51.909h-10.776V41.13h10.776zm-9.947-.829h9.119v-9.118h-9.118z"
            fill="#3f3d56"
          />
          <path
            data-name="Path 10596"
            d="M81.312 318.343l-7.35-7.88 7.88-7.35 7.35 7.88zm-6.179-7.84l6.22 6.668 6.668-6.22-6.22-6.668z"
            fill="#2f2e41"
          />
          <path
            data-name="Path 10597"
            d="M328.677 281.312H133.351v-78.847h162.473z"
            fill="#efefef"
          />
          <path
            data-name="Path 10598"
            d="M329.57 281.91H109.459v-96.767h180.2l.152.37zm-218.917-1.195h217.132l-38.931-94.378h-178.2z"
            fill="#3f3d56"
          />
          <path
            data-name="Rectangle 2824"
            fill="#6c63ff"
            d="M165.607 215.009h97.364v8.96h-97.364z"
          />
          <path
            data-name="Rectangle 2825"
            fill="#6c63ff"
            d="M165.607 233.526h97.364v8.96h-97.364z"
          />
          <path
            data-name="Rectangle 2826"
            fill="#6c63ff"
            d="M165.607 252.043h97.364v8.96h-97.364z"
          />
          <path
            data-name="Path 10599"
            d="M163.455 132.761H0v-99.35h127.026l.131.358zM1.092 131.669h160.8l-35.628-97.166H1.092z"
            fill="#3f3d56"
          />
          <path
            data-name="Path 10600"
            d="M117.365 120.206H14.193V43.237h103.172zm-102.08-1.092h100.988V44.329H15.285z"
            fill="#3f3d56"
          />
          <circle
            data-name="Ellipse 555"
            cx="9.826"
            cy="9.826"
            r="9.826"
            transform="translate(152.847 122.39)"
            fill="#6c63ff"
          />
          <circle
            data-name="Ellipse 556"
            cx="9.826"
            cy="9.826"
            r="9.826"
            transform="translate(317.704 271.962)"
            fill="#6c63ff"
          />
        </g>
        <g data-name="Group 42">
          <path
            data-name="Path 1105"
            d="M184.193 522.25h-.094c-3.51 0-7.064-.1-10.56-.311l.052-.883c3.48.206 7.016.31 10.509.31h.094zm10.658-.323l-.053-.883c3.517-.211 7.071-.531 10.564-.953l.106.878c-3.51.424-7.082.746-10.614.958zm-31.931-.935c-3.515-.42-7.062-.953-10.543-1.584l.158-.871c3.462.628 6.992 1.158 10.49 1.579zm53.089-1.619l-.159-.871a175.285 175.285 0 0010.372-2.22l.211.859c-3.433.845-6.942 1.6-10.424 2.232zm-74.059-2.191a175.49 175.49 0 01-10.273-2.85l.263-.845c3.364 1.044 6.8 2 10.222 2.836zm94.754-2.907l-.264-.845a173.966 173.966 0 0010.024-3.464l.314.828a175.194 175.194 0 01-10.074 3.483zm-115.127-3.42a176.543 176.543 0 01-9.866-4.084l.363-.807a176.025 176.025 0 009.818 4.064zm135.035-4.141l-.364-.807c3.2-1.442 6.408-3.008 9.521-4.646l.412.783a175.374 175.374 0 01-9.569 4.673zm-154.5-4.62a175.787 175.787 0 01-9.294-5.247l.458-.755a176.167 176.167 0 009.247 5.222zm173.342-5.29l-.458-.755c3.01-1.823 6-3.763 8.9-5.764l.5.728a181.595 181.595 0 01-8.941 5.794zm-191.59-5.753a178.523 178.523 0 01-8.591-6.326l.549-.7a177.398 177.398 0 008.547 6.295zm209.107-6.359l-.549-.7a172.21 172.21 0 008.144-6.8l.588.662a178.802 178.802 0 01-8.186 6.829zm-225.894-6.8a176.954 176.954 0 01-7.766-7.308l.625-.625c2.49 2.488 5.09 4.935 7.727 7.271zm241.841-7.346l-.625-.625a177.872 177.872 0 007.277-7.724l.662.588a177.84 177.84 0 01-7.312 7.762zm-256.919-7.722a176.855 176.855 0 01-6.832-8.182l.7-.549a181.99 181.99 0 006.8 8.141zm271.072-8.218l-.7-.549c2.18-2.778 4.3-5.654 6.3-8.544l.728.5a180.23 180.23 0 01-6.328 8.593zm-284.224-8.53a179.681 179.681 0 01-5.8-8.937l.755-.46c1.823 3.006 3.764 6 5.767 8.894zm296.357-9.012l-.755-.458a175.802 175.802 0 005.226-9.244l.783.412a182.678 182.678 0 01-5.259 9.291zm-307.4-9.2a176.801 176.801 0 01-4.675-9.567l.806-.365a177.21 177.21 0 004.651 9.518zm317.328-9.682l-.807-.363a174.24 174.24 0 004.068-9.818l.828.314c-1.254 3.3-2.63 6.624-4.09 9.864zm-326.094-9.705a176.785 176.785 0 01-3.487-10.075l.844-.264a176.281 176.281 0 003.469 10.024zm333.668-10.257l-.845-.263c1.046-3.364 2-6.8 2.842-10.22l.859.211c-.844 3.435-1.8 6.892-2.855 10.271zM12.683 388.129c-.847-3.433-1.6-6.939-2.237-10.424l.871-.159a175.66 175.66 0 002.226 10.37zm345.1-10.611l-.871-.159c.629-3.462 1.162-6.99 1.579-10.488l.878.106a175.404 175.404 0 01-1.586 10.541zM8.844 367.166c-.425-3.51-.749-7.081-.961-10.617l.883-.054c.213 3.517.536 7.071.961 10.563zm351.485-10.808l-.883-.052c.206-3.511.315-7.078.315-10.6v-.374h.885v.374c0 3.54-.107 7.124-.317 10.653zM8.437 345.892h-.885v-.187c0-3.482.1-7 .3-10.467l.883.052c-.2 3.447-.3 6.951-.3 10.416zm350.986-11.165a178.435 178.435 0 00-.969-10.563l.878-.107c.428 3.5.755 7.076.975 10.615zm-349.746-10l-.879-.1c.419-3.515.949-7.062 1.579-10.543l.871.157a175.102 175.102 0 00-1.571 10.482zm347.171-11.045a175.795 175.795 0 00-2.238-10.367l.859-.213a177.697 177.697 0 012.25 10.421zm-343.395-9.824l-.86-.21c.84-3.433 1.8-6.893 2.845-10.275l.845.262c-1.043 3.364-2 6.8-2.83 10.223zm338.294-10.759a175.344 175.344 0 00-3.479-10.024l.824-.315a175.996 175.996 0 013.5 10.072zm-332.009-9.517l-.828-.313a177.328 177.328 0 014.079-9.869l.807.363a174.42 174.42 0 00-4.058 9.819zM344.192 273.3c-1.45-3.2-3.021-6.4-4.662-9.513l.783-.412a175.717 175.717 0 014.685 9.562zm-315.75-9.088l-.784-.412a178.232 178.232 0 015.242-9.3l.755.458a179.986 179.986 0 00-5.212 9.254zm305.856-9.643c-1.826-3-3.771-5.992-5.779-8.887l.728-.5a178.283 178.283 0 015.807 8.933zm-294.877-8.523l-.728-.5c2.009-2.91 4.136-5.8 6.321-8.593l.7.545a177.312 177.312 0 00-6.293 8.548zm282.795-8.891a183.08 183.08 0 00-6.807-8.134l.662-.588a178.534 178.534 0 016.84 8.175zm-269.712-7.814l-.663-.587a182.274 182.274 0 017.3-7.769l.627.625a177.994 177.994 0 00-7.264 7.731zm255.624-8.033c-2.5-2.491-5.1-4.935-7.735-7.263l.586-.663c2.646 2.34 5.262 4.8 7.774 7.3zm-240.642-6.979l-.588-.662a178.012 178.012 0 018.178-6.837l.549.7a175.893 175.893 0 00-8.139 6.799zm224.748-7.071a176.434 176.434 0 00-8.555-6.285l.5-.728a179.07 179.07 0 018.6 6.316zm-208.082-6.033l-.5-.728a175.535 175.535 0 018.936-5.8l.459.755c-3.006 1.826-6 3.768-8.891 5.774zm190.608-6.011a177.823 177.823 0 00-9.252-5.211l.412-.784c3.135 1.643 6.263 3.4 9.3 5.237zm-172.5-4.987l-.412-.783a175.33 175.33 0 019.564-4.68l.365.806c-3.2 1.449-6.4 3.015-9.516 4.657zm153.693-4.863a175.321 175.321 0 00-9.821-4.051l.313-.828a176.22 176.22 0 019.87 4.074zm-134.4-3.861l-.315-.824c3.31-1.261 6.7-2.436 10.074-3.492l.264.844a172.049 172.049 0 00-10.026 3.471zm114.523-3.639a174.964 174.964 0 00-10.225-2.825l.21-.86c3.433.838 6.894 1.793 10.276 2.84zm-94.285-2.691l-.213-.859c3.437-.85 6.944-1.6 10.422-2.243l.16.871a173.96 173.96 0 00-10.367 2.232zm73.684-2.334a175.947 175.947 0 00-10.491-1.566l.1-.879c3.521.417 7.068.946 10.545 1.574zm-52.829-1.5l-.107-.879c3.508-.427 7.079-.755 10.616-.969l.054.883c-3.519.215-7.071.539-10.563.961zm31.77-1c-3.418-.2-6.89-.3-10.323-.3h-.281v-.885h.281c3.449 0 6.94.1 10.374.3z"
            fill="#3f3b56"
          />
          <path
            data-name="Rectangle 320"
            fill="#e6e6e6"
            d="M5.492 162.291h73.281v54.961H5.492z"
          />
          <path
            data-name="Rectangle 321"
            fill="#fff"
            d="M14.652 176.947h54.961v3.664H14.652z"
          />
          <path
            data-name="Rectangle 322"
            fill="#fff"
            d="M14.652 187.939h54.961v3.664H14.652z"
          />
          <path
            data-name="Rectangle 323"
            fill="#fff"
            d="M14.652 198.931h54.961v3.664H14.652z"
          />
          <path
            data-name="Rectangle 324"
            fill="#6c63ff"
            d="M36.637 190.687h73.281v54.961H36.637z"
          />
          <path
            data-name="Rectangle 325"
            fill="#fff"
            d="M45.797 205.344h54.961v3.664H45.797z"
          />
          <path
            data-name="Rectangle 326"
            fill="#fff"
            d="M45.797 216.336h54.961V220H45.797z"
          />
          <path
            data-name="Rectangle 327"
            fill="#fff"
            d="M45.797 227.327h54.961v3.664H45.797z"
          />
          <path
            data-name="Subtraction 1"
            d="M284.23 420.432H84.445V270.765H284.23zM86.505 272.824v145.548H282.17V272.824z"
            fill="#e6e6e6"
          />
          <g data-name="Group 41" transform="translate(146.234 307.839)">
            <circle
              data-name="Ellipse 220"
              cx="38.041"
              cy="38.041"
              r="38.041"
              fill="#6c63ff"
            />
            <path
              data-name="Path 1106"
              d="M53.837 34.846H40.903V21.912a3.043 3.043 0 00-3.043-3.043 3.043 3.043 0 00-3.043 3.043v12.934H21.882a3.043 3.043 0 00-3.043 3.044 3.043 3.043 0 003.043 3.043h12.934v12.934a3.043 3.043 0 003.043 3.043 3.043 3.043 0 003.043-3.043V40.933h12.934a3.043 3.043 0 003.043-3.043 3.043 3.043 0 00-3.042-3.044z"
              fill="#fff"
            />
          </g>
          <path
            data-name="Rectangle 341"
            fill="#e6e6e6"
            d="M0 444.461h73.281v54.961H0z"
          />
          <path
            data-name="Rectangle 342"
            fill="#fff"
            d="M9.16 459.117h54.961v3.664H9.16z"
          />
          <path
            data-name="Rectangle 343"
            fill="#fff"
            d="M9.16 470.109h54.961v3.664H9.16z"
          />
          <path
            data-name="Rectangle 344"
            fill="#fff"
            d="M9.16 481.101h54.961v3.664H9.16z"
          />
        </g>
        <g data-name="Group 2428">
          <g transform="translate(219.08 289.996)">
            <ellipse
              data-name="Ellipse 532"
              cx="112.308"
              cy="11.605"
              rx="112.308"
              ry="11.605"
              transform="translate(0 260.469)"
              fill="#e6e6e6"
            />
            <path
              data-name="Rectangle 2747"
              fill="#6c63ff"
              d="M44.174 102.918h136.267v169.211H44.174z"
            />
            <path
              data-name="Rectangle 2748"
              fill="#fff"
              d="M63.863 162.012h97.334v4.492H63.863z"
            />
            <path
              data-name="Rectangle 2749"
              fill="#fff"
              d="M63.863 177.736h97.334v4.492H63.863z"
            />
            <path
              data-name="Rectangle 2750"
              fill="#fff"
              d="M63.863 193.459h97.334v4.492H63.863z"
            />
            <path
              data-name="Rectangle 2751"
              fill="#fff"
              d="M63.863 209.182h97.334v4.492H63.863z"
            />
            <path
              data-name="Path 10530"
              d="M139.042 32.621a26.662 26.662 0 11-4.132-14.282 26.662 26.662 0 014.132 14.282z"
              fill="#6c63ff"
            />
            <path
              data-name="Path 10531"
              d="M134.913 18.339l-26.319 26.314c-1.654-2.561-10.87-14.462-10.87-14.462a37.3 37.3 0 013.772-3.33l7.642 10.189 22.692-22.692a26.625 26.625 0 013.083 3.981z"
              fill="#fff"
            />
            <ellipse
              data-name="Ellipse 533"
              cx="112.308"
              cy="11.605"
              rx="112.308"
              ry="11.605"
              transform="translate(363.406 253.661)"
              fill="#e6e6e6"
            />
            <path
              data-name="Rectangle 2752"
              fill="#6c63ff"
              d="M407.581 96.11h136.267v169.211H407.581z"
            />
            <path
              data-name="Rectangle 2753"
              fill="#fff"
              d="M427.27 190.304h97.334v4.492H427.27z"
            />
            <path
              data-name="Rectangle 2754"
              fill="#fff"
              d="M427.27 206.027h97.334v4.492H427.27z"
            />
            <path
              data-name="Rectangle 2755"
              fill="#fff"
              d="M427.27 221.75h97.334v4.492H427.27z"
            />
            <path
              data-name="Rectangle 2756"
              fill="#fff"
              d="M427.27 237.473h97.334v4.492H427.27z"
            />
            <path
              data-name="Path 10532"
              d="M457.087 156.337h-30.923a108.159 108.159 0 010-36.872h30.925a66.347 66.347 0 000 36.872z"
              fill="#fff"
            />
            <path
              data-name="Rectangle 2757"
              fill="#fff"
              d="M469.947 122.919h56.903v3.744h-56.903z"
            />
            <path
              data-name="Rectangle 2758"
              fill="#fff"
              d="M469.947 136.396h56.903v3.744h-56.903z"
            />
            <path
              data-name="Rectangle 2759"
              fill="#fff"
              d="M469.947 149.873h56.903v3.744h-56.903z"
            />
            <path
              data-name="Rectangle 2760"
              fill="#fff"
              d="M469.947 163.35h56.903v3.744h-56.903z"
            />
            <path
              data-name="Path 10533"
              d="M502.451 26.69a26.662 26.662 0 11-4.132-14.282 26.662 26.662 0 014.132 14.282z"
              fill="#6c63ff"
            />
            <path
              data-name="Path 10534"
              d="M498.319 12.408L472 38.722c-1.654-2.561-10.87-14.462-10.87-14.462a37.3 37.3 0 013.772-3.33l7.642 10.189 22.692-22.692a26.635 26.635 0 013.082 3.981z"
              fill="#fff"
            />
            <ellipse
              data-name="Ellipse 534"
              cx="131.622"
              cy="13.601"
              rx="131.622"
              ry="13.601"
              transform="translate(164.469 321.885)"
              fill="#3f3d56"
            />
            <path
              data-name="Path 10535"
              d="M335.857 55.032a40.065 40.065 0 11-6.209-21.462 40.065 40.065 0 016.209 21.462z"
              fill="#3f3d56"
            />
            <path
              data-name="Path 10536"
              d="M329.648 33.57l-39.55 39.543c-2.486-3.848-16.332-21.737-16.332-21.737a56.041 56.041 0 015.669-5l11.484 15.312 34.1-34.1a40.013 40.013 0 014.631 5.983z"
              fill="#fff"
            />
          </g>
          <g transform="translate(424.626 394.802)">
            <path
              data-name="Rectangle 2768"
              fill="#2f2e41"
              d="M154.607 5.413v177.274H22.667V5.413z"
            />
            <path
              data-name="Rectangle 2769"
              fill="#3f3d56"
              d="M0 0h177.274v70.368H0z"
            />
            <path
              data-name="Rectangle 2770"
              fill="#3f3d56"
              d="M0 78.488h177.274v70.368H0z"
            />
            <path
              data-name="Rectangle 2771"
              fill="#3f3d56"
              d="M0 156.975h177.274v70.368H0z"
            />
            <path
              data-name="Rectangle 2772"
              fill="#6c63ff"
              d="M0 29.836h177.274v10.826H0z"
            />
            <path
              data-name="Rectangle 2773"
              fill="#6c63ff"
              d="M0 108.324h177.274v10.826H0z"
            />
            <path
              data-name="Rectangle 2774"
              fill="#6c63ff"
              d="M0 186.812h177.274v10.826H0z"
            />
            <circle
              data-name="Ellipse 535"
              cx="4.06"
              cy="4.06"
              transform="translate(138.707 6.09)"
              fill="#6c63ff"
              r="4.06"
            />
            <circle
              data-name="Ellipse 536"
              cx="4.06"
              cy="4.06"
              transform="translate(152.916 6.09)"
              fill="#6c63ff"
              r="4.06"
            />
            <circle
              data-name="Ellipse 537"
              cx="4.06"
              cy="4.06"
              transform="translate(167.125 6.09)"
              fill="#6c63ff"
              r="4.06"
            />
            <circle
              data-name="Ellipse 538"
              cx="4.06"
              cy="4.06"
              transform="translate(138.707 83.224)"
              fill="#6c63ff"
              r="4.06"
            />
            <circle
              data-name="Ellipse 539"
              cx="4.06"
              cy="4.06"
              transform="translate(152.916 83.224)"
              fill="#6c63ff"
              r="4.06"
            />
            <circle
              data-name="Ellipse 540"
              cx="4.06"
              cy="4.06"
              transform="translate(167.125 83.224)"
              fill="#6c63ff"
              r="4.06"
            />
            <circle
              data-name="Ellipse 541"
              cx="4.06"
              cy="4.06"
              transform="translate(138.707 160.358)"
              fill="#6c63ff"
              r="4.06"
            />
            <circle
              data-name="Ellipse 542"
              cx="4.06"
              cy="4.06"
              transform="translate(152.916 160.358)"
              fill="#6c63ff"
              r="4.06"
            />
            <circle
              data-name="Ellipse 543"
              cx="4.06"
              cy="4.06"
              transform="translate(167.125 160.358)"
              fill="#6c63ff"
              r="4.06"
            />
          </g>
        </g>
      </g>
    </SvgIcon>
  );
}

export function FAQIcon(props: SvgIconProps) {
  return (
    <SvgIcon viewBox="0 0 251 251" {...props}>
      <g data-name="Group 123">
        <g data-name="Group 87" transform="translate(52.952 52.484)">
          <circle
            data-name="Ellipse 26"
            cx="38.792"
            cy="38.792"
            r="38.792"
            transform="translate(1.814 43.934)"
            fill="#b5b5ed"
            opacity=".367"
          />
          <g data-name="Group 58">
            <g
              data-name="Ellipse 13"
              transform="translate(54.297 23.397)"
              fill="none"
              stroke="#083863"
              strokeWidth="5"
            >
              <circle cx="15.973" cy="15.973" r="15.973" stroke="none" />
              <circle cx="15.973" cy="15.973" r="13.473" />
            </g>
            <g data-name="Polygon 5" fill="#b5b5ed">
              <path d="M95.253 100.764H45.288c-.784 0-1.17-.527-1.3-.753-.13-.227-.39-.826.004-1.503L68.975 55.68a1.474 1.474 0 011.296-.744c.259 0 .903.072 1.295.744L96.55 98.508c.395.677.135 1.276.005 1.503-.13.226-.517.753-1.301.753z" />
              <path
                d="M70.27 58.421L47.03 98.264h46.482L70.271 58.42m0-5.984c1.341 0 2.683.661 3.455 1.984l24.982 42.827c1.556 2.667-.368 6.016-3.455 6.016H45.288c-3.087 0-5.01-3.35-3.455-6.016l24.982-42.827a3.963 3.963 0 013.456-1.984z"
                fill="#083863"
              />
            </g>
          </g>
          <g data-name="Group 57">
            <g
              data-name="Ellipse 13"
              transform="translate(13.223 53.062)"
              fill="none"
              stroke="#083863"
              strokeWidth="5"
            >
              <circle cx="15.973" cy="15.973" r="15.973" stroke="none" />
              <circle cx="15.973" cy="15.973" r="13.473" />
            </g>
            <g data-name="Path 10734" fill="#b5b5ed">
              <path d="M54.669 130.429H3.724c-.636 0-.95-.428-1.056-.612a1.197 1.197 0 01.004-1.221l25.472-43.667a1.198 1.198 0 011.053-.604c.21 0 .734.058 1.052.604l25.473 43.667c.32.55.11 1.037.004 1.22-.106.185-.42.613-1.057.613z" />
              <path
                d="M29.197 88.086L5.955 127.93h46.483L29.197 88.086m0-6.261c1.247 0 2.494.615 3.212 1.844l25.472 43.667c1.446 2.48-.342 5.593-3.212 5.593H3.724c-2.87 0-4.658-3.114-3.212-5.593L25.985 83.67a3.684 3.684 0 013.212-1.844z"
                fill="#083863"
              />
            </g>
          </g>
          <g data-name="Group 59">
            <g
              data-name="Ellipse 13"
              transform="translate(95.371 64.471)"
              fill="none"
              stroke="#083863"
              strokeWidth="5"
            >
              <circle cx="15.973" cy="15.973" r="15.973" stroke="none" />
              <circle cx="15.973" cy="15.973" r="13.473" />
            </g>
            <path
              data-name="Polygon 6"
              d="M114.735 100.059a4 4 0 016.91 0l24.983 42.827a4 4 0 01-3.455 6.015H93.208a4 4 0 01-3.455-6.015z"
              fill="#b5b5ed"
            />
            <g data-name="Polygon 5" fill="#b5b5ed">
              <path d="M136.327 141.838H86.362c-.784 0-1.17-.527-1.3-.753-.13-.227-.39-.826.004-1.503l24.983-42.827a1.474 1.474 0 011.296-.744c.259 0 .903.072 1.295.744l24.983 42.827c.395.677.135 1.276.005 1.503-.13.226-.517.753-1.301.753z" />
              <path
                d="M111.345 99.495l-23.242 39.843h46.483l-23.241-39.843m0-5.984c1.341 0 2.683.661 3.455 1.984l24.982 42.827c1.556 2.667-.368 6.016-3.455 6.016H86.362c-3.087 0-5.01-3.35-3.455-6.016l24.982-42.827a3.963 3.963 0 013.456-1.984z"
                fill="#083863"
              />
            </g>
          </g>
          <path
            data-name="Path 212"
            d="M112.99 48.5a56.223 56.223 0 007.142.6c15.176 0 25.294-11.407 25.294-24.8S132.734 0 120.137 0C104.96 0 92.661 10.911 92.661 24.3a24.709 24.709 0 008.429 19.145v12.1zm18.752-27.174a3.174 3.174 0 11-3.174 3.174 3.2 3.2 0 013.174-3.174zm-12.7 0a3.174 3.174 0 11-3.171 3.174 3.264 3.264 0 013.175-3.174zm-12.6 0a3.174 3.174 0 11-3.168 3.174 3.2 3.2 0 013.174-3.174z"
            fill="#b5b5ed"
            stroke="#083863"
            strokeWidth="5"
          />
        </g>
      </g>
    </SvgIcon>
  );
}

export function AnouncementsIcon(props: SvgIconProps) {
  return (
    <SvgIcon viewBox="0 0 270 270" {...props}>
      <g transform="translate(66.589 66.589)" data-name="Group 105">
        <circle
          data-name="Ellipse 5"
          cx="23.211"
          cy="23.211"
          r="23.211"
          transform="translate(12.655 7.201)"
          fill="#b5b5ed"
        />
        <circle
          data-name="Ellipse 6"
          cx="23.211"
          cy="23.211"
          r="23.211"
          transform="translate(88.396 12.088)"
          fill="#b5b5ed"
        />
        <circle
          data-name="Ellipse 7"
          cx="23.211"
          cy="23.211"
          r="23.211"
          transform="translate(88.396 78.055)"
          fill="#b5b5ed"
        />
        <path
          data-name="Path 61"
          d="M86.356 90.396a1.667 1.667 0 00.609-2.746L74.878 75.556a12.3 12.3 0 00-17.183-17.183L45.601 46.286a1.667 1.667 0 00-2.746.609l-9.952 27.37a65.886 65.886 0 01-15.225 23.914 6.985 6.985 0 000 9.878l7.521 7.52a6.984 6.984 0 009.878 0l.139-.136 15.553 15.553a1.667 1.667 0 002.357 0 12.317 12.317 0 000-17.4l-6.93-6.93a65.564 65.564 0 0112.794-6.318zm-15.1-28.4a8.97 8.97 0 011.218 11.169L60.089 60.78a8.983 8.983 0 0111.169 1.213zm-41.125 52.3a3.628 3.628 0 01-2.582-1.069l-7.52-7.521a3.65 3.65 0 010-5.163q1.948-1.949 3.737-4.058l13 13q-2.105 1.788-4.058 3.738a3.627 3.627 0 01-2.575 1.067zm20.634 1.66a8.974 8.974 0 011.07 11.4l-14.2-14.2a65.683 65.683 0 015.743-4.589zm-11.382-8.576L25.878 93.868a69.228 69.228 0 0010.163-18.464l9.057-24.91 37.659 37.662-24.91 9.057a69.226 69.226 0 00-18.464 10.165z"
          fill="#083863"
          stroke="#083863"
        />
        <path
          data-name="Path 62"
          d="M83.066 53.76a18.087 18.087 0 00-19.576-3.994 1.667 1.667 0 101.247 3.093A14.779 14.779 0 0183.968 72.09a1.667 1.667 0 003.093 1.246 18.084 18.084 0 00-3.995-19.576z"
          fill="#083863"
          stroke="#083863"
          strokeWidth=".7"
        />
        <path
          data-name="Path 63"
          d="M92.999 77.362a1.667 1.667 0 002.169-.923 26.727 26.727 0 00-34.78-34.78 1.667 1.667 0 101.246 3.092 23.393 23.393 0 0130.441 30.442 1.667 1.667 0 00.924 2.169z"
          fill="#083863"
          stroke="#083863"
          strokeWidth=".7"
        />
        <path
          data-name="Path 64"
          d="M111.584 0a25.109 25.109 0 1025.109 25.109A25.109 25.109 0 00111.584 0zm0 46.884a21.775 21.775 0 1121.775-21.775 21.775 21.775 0 01-21.775 21.775z"
          fill="#083863"
          stroke="#083863"
          strokeWidth=".7"
        />
        <path
          data-name="Path 65"
          d="M120.603 22.193a6.234 6.234 0 10-6.233-6.26l-7.731 4.464a6.233 6.233 0 10-.16 9.557l7.926 4.966a6.238 6.238 0 10.661-3.521l-6.644-4.16a6.227 6.227 0 00.068-4.061l6.816-3.936a6.234 6.234 0 005.297 2.951zm0-9.133a2.9 2.9 0 11-2.9 2.9 2.9 2.9 0 012.9-2.9zm-18.038 14.949a2.9 2.9 0 112.9-2.9 2.9 2.9 0 01-2.9 2.9zm18.038 3.35a2.9 2.9 0 11-2.9 2.9 2.9 2.9 0 012.9-2.9z"
          fill="#083863"
          stroke="#083863"
          strokeWidth=".7"
        />
        <path
          data-name="Path 66"
          d="M111.584 86.475a25.109 25.109 0 1025.109 25.109 25.109 25.109 0 00-25.109-25.109zm0 46.884a21.775 21.775 0 1121.775-21.775 21.775 21.775 0 01-21.775 21.775z"
          fill="#083863"
          stroke="#083863"
          strokeWidth=".7"
        />
        <path
          data-name="Path 67"
          d="M121.893 110.166l-13.655-8.446a1.667 1.667 0 00-2.544 1.417v16.892a1.667 1.667 0 002.544 1.417L121.893 113a1.667 1.667 0 000-2.836zm-12.865 6.873v-10.91l8.819 5.455z"
          fill="#083863"
          stroke="#083863"
          strokeWidth=".7"
        />
        <path
          data-name="Path 68"
          d="M25.109 50.218A25.109 25.109 0 100 25.109a25.109 25.109 0 0025.109 25.109zm0-46.884A21.775 21.775 0 113.334 25.109 21.775 21.775 0 0125.109 3.334z"
          fill="#083863"
          stroke="#083863"
          strokeWidth=".7"
        />
        <path
          data-name="Path 69"
          d="M14.864 35.078h11.93a4.45 4.45 0 004.445-4.445v-.264l6.091 3.342a1.667 1.667 0 002.47-1.464V17.969a1.667 1.667 0 00-2.469-1.461l-6.092 3.339v-.266a4.45 4.45 0 00-4.445-4.445h-11.93a4.45 4.45 0 00-4.445 4.449v11.048a4.45 4.45 0 004.445 4.445zm21.6-14.293v8.648l-5.225-2.867v-2.912zm-22.713-1.2a1.111 1.111 0 011.111-1.111h11.93a1.111 1.111 0 011.111 1.111v11.048a1.111 1.111 0 01-1.109 1.114h-11.93a1.111 1.111 0 01-1.111-1.111z"
          fill="#083863"
          stroke="#083863"
          strokeWidth=".7"
        />
      </g>
    </SvgIcon>
  );
}

export function TiDBCloudStatusIcon(props: SvgIconProps) {
  return (
    <SvgIcon viewBox="0 0 270 270" {...props}>
      <g id="蒙版组_1" data-name="蒙版组 1" transform="translate(-607 -2004)">
        <g id="组_2439" data-name="组 2439" transform="translate(-247 -204)">
          <circle
            id="椭圆_586"
            data-name="椭圆 586"
            cx="29"
            cy="29"
            r="29"
            transform="translate(960 2314)"
            fill="#b5b5ed"
          />
          <g id="technical-support" transform="translate(928 2282)">
            <path
              id="路径_10742"
              data-name="路径 10742"
              d="M21.368,93.956a9.907,9.907,0,0,0-4.787,1.222A56.027,56.027,0,0,1,71.9,5.856,2.373,2.373,0,0,0,72.84,1.2,61.2,61.2,0,0,0,60.747,0,60.747,60.747,0,0,0,13.072,98.394a9.97,9.97,0,1,0,8.3-4.438Zm3.691,13.657a5.22,5.22,0,1,1,1.529-3.691A5.184,5.184,0,0,1,25.059,107.613Zm0,0"
              transform="translate(0 0)"
              fill="#083863"
            />
            <path
              id="路径_10743"
              data-name="路径 10743"
              d="M259.042,47.542a9.946,9.946,0,1,0-3.507,3.219A56.026,56.026,0,0,1,200.323,140.1a2.373,2.373,0,0,0-.932,4.654,61.241,61.241,0,0,0,11.978,1.181,60.747,60.747,0,0,0,47.673-98.4Zm-11.985-1.833a5.222,5.222,0,1,1,3.691,1.528A5.186,5.186,0,0,1,247.057,45.709Zm0,0"
              transform="translate(-150.622 -24.445)"
              fill="#083863"
            />
            <path
              id="路径_10744"
              data-name="路径 10744"
              d="M107.383,158a2.373,2.373,0,0,0,2.373,2.373h14.837A2.373,2.373,0,0,0,126.966,158v-4.6a37.159,37.159,0,0,0,8.906-3.691l3.248,3.248a2.372,2.372,0,0,0,3.356,0l10.487-10.495a2.374,2.374,0,0,0,0-3.355l-3.244-3.244a37.159,37.159,0,0,0,3.691-8.906h4.583a2.373,2.373,0,0,0,2.373-2.373V109.747a2.373,2.373,0,0,0-2.373-2.373H153.41a37.166,37.166,0,0,0-3.69-8.9l3.227-3.227a2.373,2.373,0,0,0,0-3.357L142.45,81.4a2.373,2.373,0,0,0-3.355,0l-3.222,3.223a37.159,37.159,0,0,0-8.906-3.691V76.373A2.373,2.373,0,0,0,124.594,74H109.756a2.373,2.373,0,0,0-2.373,2.373v4.559a37.128,37.128,0,0,0-8.9,3.69L95.255,81.4a2.374,2.374,0,0,0-3.355,0L81.405,91.886a2.372,2.372,0,0,0,0,3.356l3.227,3.227a37.152,37.152,0,0,0-3.691,8.9H76.366a2.373,2.373,0,0,0-2.373,2.372l-.008,14.837a2.372,2.372,0,0,0,2.373,2.374H80.94a37.159,37.159,0,0,0,3.691,8.906l-3.244,3.244a2.373,2.373,0,0,0,0,3.355l10.487,10.495a2.374,2.374,0,0,0,1.678.7h0a2.373,2.373,0,0,0,1.678-.7l3.247-3.248a37.19,37.19,0,0,0,8.906,3.691ZM99.408,144.72a2.374,2.374,0,0,0-2.966.315l-2.889,2.889-7.133-7.138,2.886-2.887a2.372,2.372,0,0,0,.315-2.965,32.479,32.479,0,0,1-4.495-10.848,2.374,2.374,0,0,0-2.32-1.874H78.731l.006-10.091h4.07a2.373,2.373,0,0,0,2.32-1.874A32.482,32.482,0,0,1,89.622,99.4a2.372,2.372,0,0,0-.315-2.965l-2.868-2.869,7.138-7.133L96.442,89.3a2.375,2.375,0,0,0,2.966.315,32.467,32.467,0,0,1,10.847-4.495,2.374,2.374,0,0,0,1.874-2.32V78.746h10.091V82.8a2.372,2.372,0,0,0,1.874,2.32,32.494,32.494,0,0,1,10.847,4.495,2.371,2.371,0,0,0,2.965-.315l2.866-2.865,7.138,7.133-2.868,2.868a2.372,2.372,0,0,0-.315,2.966,32.5,32.5,0,0,1,4.495,10.847,2.372,2.372,0,0,0,2.32,1.874h4.078v10.091h-4.078a2.374,2.374,0,0,0-2.32,1.874,32.475,32.475,0,0,1-4.495,10.847,2.373,2.373,0,0,0,.315,2.966l2.886,2.886-7.133,7.138-2.889-2.888a2.372,2.372,0,0,0-2.966-.315,32.5,32.5,0,0,1-10.847,4.495,2.373,2.373,0,0,0-1.874,2.32v4.094H112.129v-4.094a2.374,2.374,0,0,0-1.874-2.32A32.482,32.482,0,0,1,99.408,144.72Zm0,0"
              transform="translate(-56.428 -56.44)"
              fill="#083863"
            />
            <path
              id="路径_10745"
              data-name="路径 10745"
              d="M212.586,192.978a19.607,19.607,0,1,0-19.607,19.607A19.629,19.629,0,0,0,212.586,192.978Zm-34.469,0a14.861,14.861,0,1,1,14.861,14.861A14.878,14.878,0,0,1,178.117,192.978Zm0,0"
              transform="translate(-132.231 -132.231)"
              fill="#083863"
            />
            <path
              id="路径_10746"
              data-name="路径 10746"
              d="M340.451,22.557a2.375,2.375,0,1,0-1.677-.7A2.39,2.39,0,0,0,340.451,22.557Zm0,0"
              transform="translate(-257.855 -13.583)"
              fill="#083863"
            />
            <path
              id="路径_10747"
              data-name="路径 10747"
              d="M156.732,474.359a2.374,2.374,0,1,0,1.678.7A2.392,2.392,0,0,0,156.732,474.359Zm0,0"
              transform="translate(-117.731 -361.797)"
              fill="#083863"
            />
          </g>
        </g>
      </g>
    </SvgIcon>
  );
}

export function PingcapLogoSvg(props: SvgIconProps) {
  return (
    <SvgIcon viewBox="0 0 286.3 286.3" {...props}>
      <g id="图层_2" data-name="图层 2">
        <g id="Layer_1" data-name="Layer 1">
          <path
            fill="#172d72"
            d="M175.65,93.78,94.34,70.91a8.83,8.83,0,0,0-7.7,1.42,8.52,8.52,0,0,0-3.49,6.9V227a8.59,8.59,0,0,0,3.34,6.8,8.81,8.81,0,0,0,5.42,1.86,9,9,0,0,0,2-.24l81.31-19.1h0a8.66,8.66,0,0,0,6.74-8.42V102.1A8.71,8.71,0,0,0,175.65,93.78Z"
          />
          <path
            fill="#00aeef"
            d="M231,88.52a8.73,8.73,0,0,0-6.37-8.3L121.18,51a8.82,8.82,0,0,0-7.7,1.41A8.54,8.54,0,0,0,110,59.31V171.43a8.54,8.54,0,0,0,3.34,6.8,8.81,8.81,0,0,0,5.42,1.86,8.68,8.68,0,0,0,2.07-.25l103.61-24.58a8.66,8.66,0,0,0,6.72-8.44Z"
          />
          <path
            fill="#3d3fea"
            d="M175.65,93.78,110,75.31v96.12a8.54,8.54,0,0,0,3.34,6.8,8.81,8.81,0,0,0,5.42,1.86,8.68,8.68,0,0,0,2.07-.25L182,165.32V102.1A8.71,8.71,0,0,0,175.65,93.78Z"
          />
        </g>
      </g>
    </SvgIcon>
  );
}

export function TiDBCloudLogoBlackSVG(props: SvgIconProps) {
  return (
    <SvgIcon viewBox="0 0 146 105" {...props}>
      <g clipPath="url(#a)">
        <path
          d="M115.253 24.554A48.694 48.694 0 0 0 64.566.842 48.7 48.7 0 0 0 25.04 40.454a32.5 32.5 0 0 0 7.348 64.152c1.1-.001 2.2-.057 3.293-.168h66.563c1.088.086 2.181.168 3.293.168a40.615 40.615 0 0 0 9.716-80.052ZM72.97 40.034v43.758L60.391 76.54V47.3l-12.583 7.268V40.042L72.97 25.513l12.578 7.258-12.578 7.262ZM98.251 69.24l-12.63 7.29V47.376l12.63-7.3V69.24Z"
          fill="#000"
        />
      </g>
      <defs>
        <clipPath id="a">
          <path fill="#fff" d="M0 0h146v105H0z" />
        </clipPath>
      </defs>
    </SvgIcon>
  );
}
export function TiDBLogoBlackSvg(props: SvgIconProps) {
  return (
    <SvgIcon viewBox="0 0 216 249.42" {...props}>
      <g xmlns="http://www.w3.org/2000/svg" id="图层_2" data-name="图层 2">
        <g id="Layer_2" data-name="Layer 2">
          <polygon
            fill="#000"
            points="0 62.35 0 187.06 108 249.41 216 187.06 216 62.35 108 0 0 62.35"
          />
          <polygon
            fill="#fff"
            points="107.94 41.63 36.21 83.04 36.21 124.45 72.08 103.73 72.08 187.11 107.94 207.78 107.94 207.78 107.94 83.03 143.79 62.33 107.94 41.63"
          />
          <polygon
            fill="#fff"
            points="144 103.95 144 187.06 180 166.28 180 83.14 144 103.95"
          />
        </g>
      </g>
    </SvgIcon>
  );
}
