ipad

1import type { SVGProps } from "react"
2 
3export interface IpadProps extends SVGProps<SVGSVGElement> {
4  width?: number
5  height?: number
6  src?: string
7}
8 
9export function Ipad({ width = 520, height = 400, src, ...props }: IpadProps) {
10  return (
11    <svg
12      width={width}
13      height={height}
14      viewBox={`0 0 ${width} ${height}`}
15      fill="none"
16      xmlns="http://www.w3.org/2000/svg"
17      {...props}
18    >
19      <path
20        fill="#aaabac"
21        d="M479.04,14.14H88.14v-.59c0-.16-.13-.3-.3-.3h-16.7c-.16,0-.3.13-.3.3v.59h-3.46v-.59c0-.16-.13-.3-.3-.3h-16.7c-.16,0-.3.13-.3.3v.59h-9.13c-13.4,0-24.27,10.78-24.45,24.14h-.48c-.16,0-.3.13-.3.3v20.07c0,.16.13.3.3.3h.47v303.38c0,13.51,10.95,24.45,24.45,24.45h438.08c13.51,0,24.45-10.95,24.45-24.45V38.6c0-13.51-10.95-24.45-24.45-24.45Z"
22      />
23      <rect
24        fill="#000"
25        x="18.58"
26        y="15.94"
27        width="482.84"
28        height="368.91"
29        rx="23.29"
30        ry="23.29"
31      />
32      <rect
33        fill="currentColor"
34        x="31.37"
35        y="28.47"
36        width="457.25"
37        height="342.87"
38        rx="9.61"
39        ry="9.61"
40      />
41      {src && (
42        <image
43          href={src}
44          x="31.37"
45          y="28.47"
46          width="457.25"
47          height="342.87"
48          preserveAspectRatio="xMidYMid slice"
49          clipPath="url(#roundedCorners)"
50        />
51      )}
52      <circle fill="#0a1054" cx="245.1" cy="22.23" r="2.44" />
53      <circle fill="#333" cx="274.98" cy="22.23" r=".88" />
54      <defs>
55        <clipPath id="roundedCorners">
56          <rect
57            fill="#ffffff"
58            x="31.37"
59            y="28.47"
60            width="457.25"
61            height="342.87"
62            rx="9.61"
63            ry="9.61"
64          />
65        </clipPath>
66      </defs>
67    </svg>
68  )
69}