iphone-17-pro

1import type { SVGProps } from "react"
2 
3export interface Iphone17ProProps extends SVGProps<SVGSVGElement> {
4  width?: number
5  height?: number
6  src?: string
7}
8 
9export function Iphone17Pro({
10  width = 200,
11  height = 400,
12  src,
13  ...props
14}: Iphone17ProProps) {
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="#303333"
26        d="M196.11,128.09c0-.25-.2-.45-.45-.45-.11.04-.37.03-.69,0V36.69c0-17.84-14.46-32.31-32.31-32.31H37.48C19.63,4.39,5.17,18.85,5.17,36.69v48.99c-.3.02-.55.03-.66-.02-.25,0-.45.2-.45.45,0,0,0,17.29,0,17.29-.03.41.5.49,1.11.48v13.63c-.61,0-1.14.08-1.11.48,0,0,0,28.54,0,28.54-.03.42.5.49,1.11.48v7.95c-.61,0-1.14.08-1.11.48,0,0,0,28.54,0,28.54-.03.42.5.49,1.11.48v178.86c0,17.84,14.46,32.31,32.31,32.31h125.2c17.84,0,32.31-14.46,32.31-32.31v-188.87c.32-.02.58-.03.69.04,1.26.1.03-45.94.45-46.38ZM186.07,362.63c0,13.56-10.99,24.56-24.56,24.56H38.64c-13.56,0-24.56-10.99-24.56-24.56V37.37c0-13.56,10.99-24.56,24.56-24.56h122.87c13.56,0,24.56,10.99,24.56,24.56v325.26Z"
27      />
28      <path
29        fill="#000000"
30        d="M161.38,7.29H38.78c-16.54,0-29.95,13.41-29.95,29.95v325.52c0,16.54,13.41,29.95,29.95,29.95h122.6c16.54,0,29.95-13.41,29.95-29.95V37.24c0-16.54-13.41-29.95-29.95-29.95ZM186.07,362.57c0,13.6-11.02,24.62-24.62,24.62H38.7c-13.6,0-24.62-11.02-24.62-24.62V37.43c0-13.6,11.02-24.62,24.62-24.62h122.75c13.6,0,24.62,11.02,24.62,24.62v325.14Z"
31      />
32 
33      <rect
34        fill="currentColor"
35        x="14.08"
36        y="12.81"
37        width="171.98"
38        height="374.37"
39        rx="24.62"
40        ry="24.62"
41      />
42      {src && (
43        <image
44          href={src}
45          x="14.08"
46          y="12.81"
47          width="171.98"
48          height="374.37"
49          rx="24.62"
50          ry="24.62"
51          preserveAspectRatio="xMidYMid slice"
52          clipPath="url(#roundedCorners)"
53        />
54      )}
55      <path
56        fill="#000000"
57        d="M119.61,33.86h-38.93c-10.48-.18-10.5-15.78,0-15.96,0,0,38.93,0,38.93,0,4.41,0,7.98,3.57,7.98,7.98,0,4.41-3.57,7.98-7.98,7.98Z"
58      />
59      <path
60        fill="#080d4c"
61        d="M118.78,29.21c-4.32.06-4.32-6.73,0-6.66,4.32-.06,4.32,6.73,0,6.66Z"
62      />
63 
64      <defs>
65        <clipPath id="roundedCorners">
66          <rect
67            fill="#ffffff"
68            x="14.08"
69            y="12.81"
70            width="171.98"
71// … truncated