macbook-pro

1import type { SVGProps } from "react"
2 
3export interface MacbookProProps extends SVGProps<SVGSVGElement> {
4  width?: number
5  height?: number
6  src?: string
7}
8 
9export function MacbookPro({
10  width = 650,
11  height = 400,
12  src,
13  ...props
14}: MacbookProProps) {
15  return (
16    <svg
17      width={width}
18      height={height}
19      viewBox={`0 0 ${width} ${height}`}
20      fill="none"
21      xmlns="http://www.w3.org/2000/svg"
22      {...props}
23    >
24      <path
25        fill="#a4a5a7"
26        d="M79.56,13.18h491.32c7.23,0,13.1,5.87,13.1,13.1v336.61H66.46V26.28c0-7.23,5.87-13.1,13.1-13.1Z"
27      />
28 
29      <path
30        fill="#222"
31        d="M79.96,14.24h490.45c6.83,0,12.37,5.54,12.37,12.37v336.28H67.59V26.6c0-6.83,5.54-12.37,12.37-12.37Z"
32      />
33 
34      <path
35        fill="#000"
36        d="M570.25,15.74H80.34c-6.12,0-11.08,4.96-11.08,11.08v336.07h512.08V26.82c0-6.12-4.96-11.08-11.08-11.08ZM575.74,345.17H74.52V27.31c0-3.31,2.68-5.99,5.99-5.99h489.24c3.31,0,5.99,2.68,5.99,5.99v317.86Z"
37      />
38      <rect
39        fill="currentColor"
40        x="74.52"
41        y="21.32"
42        width="501.22"
43        rx="5"
44        ry="5"
45        height="323.85"
46      />
47      {src && (
48        <image
49          href={src}
50          x="74.52"
51          y="21.32"
52          width="501.22"
53          height="323.85"
54          preserveAspectRatio="xMidYMid slice"
55          clipPath="url(#roundedCorners)"
56        />
57      )}
58      <rect fill="#1d1d1d" x="69.09" y="350.51" width="512.11" height="12.48" />
59 
60      <path
61        fill="#000"
62        d="M298.14,21.02h54.07v6.5c0,1.56-1.27,2.82-2.82,2.82h-48.42c-1.56,0-2.82-1.27-2.82-2.82v-6.5h0Z"
63      />
64      <path
65        fill="#acadaf"
66        d="M19.04,362.77h611.92v10.39c0,5.95-4.83,10.79-10.79,10.79H29.83c-5.95,0-10.79-4.83-10.79-10.79v-10.39h0Z"
67      />
68 
69      <path
70        fill="#080d4c"
71        d="M325.11,25.14c-1.99.03-1.99-3.09,0-3.06,1.99-.03,1.99,3.09,0,3.06Z"
72      />
73 
74      <polygon
75        fill="#b9b9bb"
76        points="600.06 385.39 567.29 385.39 565.84 383.95 601.82 383.95 600.06 385.39"
77      />
78      <polygon
79        fill="#292929"
80        points="598.73 386.82 568.64 386.82 567.32 385.39 600.35 385.39 598.73 386.82"
81      />
82      <polygon
83        fill="#b9b9bb"
84        points="82.64 385.39 49.87 385.39 48.43 383.95 84.41 383.95 82.64 385.39"
85      />
86      <polygon
87        fill="#292929"
88        points="81.31 386.82 51.23 386.82 49.9 385.39 82.93 385.39 81.31 386.82"
89      />
90      <path
91        fill="#8f9091"
92// … truncated