Android

1import { type SVGProps } from "react"
2 
3export interface AndroidProps extends SVGProps<SVGSVGElement> {
4  width?: number
5  height?: number
6  src?: string
7  videoSrc?: string
8}
9 
10export function Android({
11  width = 433,
12  height = 882,
13  src,
14  videoSrc,
15  ...props
16}: AndroidProps) {
17  return (
18    <svg
19      width={width}
20      height={height}
21      viewBox={`0 0 ${width} ${height}`}
22      fill="none"
23      xmlns="http://www.w3.org/2000/svg"
24      {...props}
25    >
26      <path
27        d="M376 153H378C379.105 153 380 153.895 380 155V249C380 250.105 379.105 251 378 251H376V153Z"
28        className="fill-[#E5E5E5] dark:fill-[#404040]"
29      />
30      <path
31        d="M376 301H378C379.105 301 380 301.895 380 303V351C380 352.105 379.105 353 378 353H376V301Z"
32        className="fill-[#E5E5E5] dark:fill-[#404040]"
33      />
34      <path
35        d="M0 42C0 18.8041 18.804 0 42 0H336C359.196 0 378 18.804 378 42V788C378 811.196 359.196 830 336 830H42C18.804 830 0 811.196 0 788V42Z"
36        className="fill-[#E5E5E5] dark:fill-[#404040]"
37      />
38      <path
39        d="M2 43C2 22.0132 19.0132 5 40 5H338C358.987 5 376 22.0132 376 43V787C376 807.987 358.987 825 338 825H40C19.0132 825 2 807.987 2 787V43Z"
40        className="fill-white dark:fill-[#262626]"
41      />
42 
43      <g clipPath="url(#clip0_514_20855)">
44        <path
45          d="M9.25 48C9.25 29.3604 24.3604 14.25 43 14.25H335C353.64 14.25 368.75 29.3604 368.75 48V780C368.75 798.64 353.64 813.75 335 813.75H43C24.3604 813.75 9.25 798.64 9.25 780V48Z"
46          className="fill-[#E5E5E5] stroke-[#E5E5E5] stroke-[0.5] dark:fill-[#404040] dark:stroke-[#404040]"
47        />
48      </g>
49      <circle
50        cx="189"
51        cy="28"
52        r="9"
53        className="fill-white dark:fill-[#262626]"
54      />
55      <circle
56        cx="189"
57        cy="28"
58        r="4"
59        className="fill-[#E5E5E5] dark:fill-[#404040]"
60      />
61      {src && (
62        <image
63          href={src}
64          width="360"
65          height="800"
66          className="size-full object-cover"
67          preserveAspectRatio="xMidYMid slice"
68          clipPath="url(#clip0_514_20855)"
69        />
70      )}
71      {videoSrc && (
72        <foreignObject
73          width="380"
74          height="820"
75          clipPath="url(#clip0_514_20855)"
76          preserveAspectRatio="xMidYMid slice"
77        >
78          <video
79            className="size-full object-cover"
80            src={videoSrc}
81            autoPlay
82            loop
83            muted
84            playsInline
85// … truncated