import React from "react"
import SVGUniqueID from "react-svg-unique-id"
import { IconProps } from "../types"

export default function SwellChainIcon({ height = 36, width = 36 }: IconProps) {
  return (
    <SVGUniqueID>
      <svg
        width={width}
        height={height}
        viewBox="0 0 36 36"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <rect
          x="1.35"
          y="1.35"
          width="33.3"
          height="33.3"
          rx="16.65"
          fill="black"
        />
        <rect
          x="1.35"
          y="1.35"
          width="33.3"
          height="33.3"
          rx="16.65"
          stroke="#494C56"
          strokeWidth="1.3"
        />
        <path
          d="M28.9912 20.542L28.9609 20.5738C28.9468 20.5885 28.9324 20.603 28.9179 20.6175L20.6062 28.9158C19.1583 30.3614 16.8108 30.3614 15.3629 28.9158L13.0676 26.6243C12.9048 26.4625 12.9045 26.1993 13.0665 26.0368C13.1142 25.989 13.1727 25.9535 13.2372 25.9334C15.6974 25.1739 17.6964 24.2973 19.2341 23.3035C22.8963 20.9366 26.1487 20.0161 28.9912 20.542ZM27.2487 13.7157C30.3174 14.6827 29.9593 16.9402 30 17.8302C26.6392 16.0679 22.5962 16.7138 17.8708 19.7678C14.3487 22.0441 11.3984 22.9826 9.0199 22.5833C6.6414 22.184 6.10637 19.2792 6 18.5073C8.61354 19.8287 12.116 19.0703 16.5074 16.2322C20.5995 13.5875 24.1799 12.7487 27.2487 13.7157ZM20.6062 7.08418L22.7629 9.23711C22.9254 9.3992 22.9256 9.66237 22.7635 9.82484C22.7057 9.8828 22.632 9.92238 22.5518 9.93855C19.4296 10.5675 16.9327 11.4869 15.061 12.6966C11.8536 14.7695 9.12036 15.7329 6.86131 15.587L6.86156 15.5864L15.3629 7.08418C16.8108 5.63861 19.1583 5.63861 20.6062 7.08418Z"
          fill="url(#paint0_linear_43375_197863)"
        />
        <defs>
          <linearGradient
            id="paint0_linear_43375_197863"
            x1="18"
            y1="6"
            x2="17.7647"
            y2="46.4706"
            gradientUnits="userSpaceOnUse"
          >
            <stop stopColor="#3068EF" />
            <stop offset="1" stopColor="#1322AC" />
          </linearGradient>
        </defs>
      </svg>
    </SVGUniqueID>
  )
}