import React from "react"
import { IconProps } from "./types"

export default function ConsoleIcon({ width = 28, height = 28 }: IconProps) {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 28 28"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <rect x={2} y={2} width={24} height={24} rx={12} fill="#B2F8FF" />
      <rect
        x={1}
        y={1}
        width={26}
        height={26}
        rx={13}
        stroke="#B2F8FF"
        strokeOpacity="0.24"
        strokeWidth={2}
      />
      <path
        d="M8.51512 15.4731C7.03261 17.7745 6.51295 19.7865 7.36551 20.6391C8.65859 21.9323 12.6186 20.0686 16.2105 16.4766C16.5658 16.1213 16.9041 15.7624 17.2242 15.4029C17.3685 15.6384 17.4944 15.8665 17.6004 16.0844C17.5968 16.0884 17.5931 16.0924 17.5894 16.0965C18.0146 16.9821 18.1066 17.6936 17.7665 18.0351L17.7692 18.0378C17.0347 18.7724 16.1446 19.2566 15.205 19.4904C17.506 20.9725 19.5176 21.492 20.37 20.6395C20.38 20.6295 20.3897 20.6194 20.3993 20.6092L20.4286 20.6385C21.4045 19.5993 20.463 16.9478 18.2829 14.1265C20.4605 11.2972 21.3865 8.64484 20.3729 7.63121C19.5204 6.77872 17.5089 7.29816 15.2079 8.7803C16.1475 9.01414 17.0376 9.49835 17.7722 10.2329L17.7707 10.2344C18.1953 10.659 17.9492 11.6584 17.2233 12.8534C16.9099 12.5024 16.5791 12.1521 16.2323 11.8053C13.9019 9.47484 11.4168 7.87065 9.60295 7.38142C8.61185 7.11166 7.82024 7.17394 7.36264 7.63157C6.51008 8.48416 7.02973 10.4961 8.51221 12.7976C8.74602 11.8579 9.23022 10.9677 9.96481 10.233L9.96567 10.2339C9.97547 10.2242 9.98557 10.2147 9.99597 10.2057L10.0062 10.216C10.4025 9.86788 11.2377 10.0363 12.2534 10.591C13.1407 11.0784 14.1644 11.8596 15.1527 12.8479C15.5808 13.276 15.9701 13.7108 16.3134 14.1383C15.9713 14.5638 15.5838 14.9965 15.1577 15.4225C13.0036 17.5767 10.6809 18.7466 9.96985 18.0356L9.96774 18.0377C9.23313 17.303 8.74893 16.4128 8.51512 15.4731Z"
        fill="black"
      />
    </svg>
  )
}