Developers Digest
138 lines
4.3 KiB
TypeScript
138 lines
4.3 KiB
TypeScript
export default function BrowserMobile(props: React.SVGProps<SVGSVGElement>) {
|
|
return (
|
|
<svg
|
|
fill="none"
|
|
height="112"
|
|
viewBox="0 0 316 112"
|
|
width="316"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
{...props}
|
|
>
|
|
<g clipPath="url(#clip0_2254_6088)">
|
|
<rect
|
|
height="370"
|
|
rx="15.5"
|
|
stroke="url(#paint0_linear_2254_6088)"
|
|
strokeOpacity="0.07"
|
|
width="315"
|
|
x="0.5"
|
|
y="0.5"
|
|
/>
|
|
<mask fill="white" id="path-2-inside-1_2254_6088">
|
|
<path d="M240 32C240 37.5228 244.477 42 250 42H294C302.837 42 310 49.1634 310 58V361C310 366.523 305.523 371 300 371H16C10.4772 371 6 366.523 6 361V58C6 49.1634 13.1634 42 22 42H70C75.5228 42 80 37.5228 80 32V18C80 12.4772 84.4772 8 90 8H230C235.523 8 240 12.4772 240 18V32Z" />
|
|
</mask>
|
|
<path
|
|
d="M310 58L311 58L310 58ZM22 42L22 41L22 42ZM250 42V43H294V42V41H250V42ZM294 42V43C302.284 43 309 49.7157 309 58L310 58L311 58C311 48.6112 303.389 41 294 41V42ZM310 58H309V361H310H311V58H310ZM300 371V370H16V371V372H300V371ZM6 361H7V58H6H5V361H6ZM6 58H7C7 49.7157 13.7157 43 22 43L22 42L22 41C12.6112 41 5 48.6112 5 58H6ZM22 42V43H70V42V41H22V42ZM80 32H81V18H80H79V32H80ZM90 8V9H230V8V7H90V8ZM240 18H239V32H240H241V18H240ZM230 8V9C234.971 9 239 13.0294 239 18H240H241C241 11.9249 236.075 7 230 7V8ZM70 42V43C76.0751 43 81 38.0751 81 32H80H79C79 36.9706 74.9706 41 70 41V42ZM16 371V370C11.0294 370 7 365.971 7 361H6H5C5 367.075 9.92487 372 16 372V371ZM80 18H81C81 13.0294 85.0294 9 90 9V8V7C83.9249 7 79 11.9249 79 18H80ZM310 361H309C309 365.971 304.971 370 300 370V371V372C306.075 372 311 367.075 311 361H310ZM250 42V41C245.029 41 241 36.9706 241 32H240H239C239 38.0751 243.925 43 250 43V42Z"
|
|
fill="url(#paint1_linear_2254_6088)"
|
|
fillOpacity="0.07"
|
|
mask="url(#path-2-inside-1_2254_6088)"
|
|
/>
|
|
<rect
|
|
height="310"
|
|
rx="9.5"
|
|
stroke="url(#paint2_linear_2254_6088)"
|
|
strokeOpacity="0.07"
|
|
width="291"
|
|
x="12.5"
|
|
y="48.5"
|
|
/>
|
|
<rect
|
|
height="9"
|
|
rx="4.5"
|
|
stroke="#E8E8E8"
|
|
width="9"
|
|
x="17.5"
|
|
y="17.5"
|
|
/>
|
|
<rect
|
|
height="9"
|
|
rx="4.5"
|
|
stroke="#E8E8E8"
|
|
width="9"
|
|
x="35.5"
|
|
y="17.5"
|
|
/>
|
|
<rect
|
|
height="9"
|
|
rx="4.5"
|
|
stroke="#E8E8E8"
|
|
width="9"
|
|
x="53.5"
|
|
y="17.5"
|
|
/>
|
|
<rect
|
|
height="17"
|
|
rx="8.5"
|
|
stroke="#E8E8E8"
|
|
width="17"
|
|
x="89.5"
|
|
y="17.5"
|
|
/>
|
|
<mask fill="white" id="path-10-inside-2_2254_6088">
|
|
<path d="M12 48H304V112H12V48Z" />
|
|
</mask>
|
|
<path
|
|
d="M304 112V111H12V112V113H304V112Z"
|
|
fill="#EDEDED"
|
|
mask="url(#path-10-inside-2_2254_6088)"
|
|
/>
|
|
<rect
|
|
height="23"
|
|
rx="11.5"
|
|
stroke="#E8E8E8"
|
|
width="71"
|
|
x="212.5"
|
|
y="68.5"
|
|
/>
|
|
<circle cx="44" cy="80" r="11.5" stroke="#E8E8E8" />
|
|
<rect
|
|
height="11"
|
|
rx="5.5"
|
|
stroke="#E8E8E8"
|
|
width="63"
|
|
x="64.5"
|
|
y="74.5"
|
|
/>
|
|
</g>
|
|
<defs>
|
|
<linearGradient
|
|
gradientUnits="userSpaceOnUse"
|
|
id="paint0_linear_2254_6088"
|
|
x1="158"
|
|
x2="158"
|
|
y1="0"
|
|
y2="371"
|
|
>
|
|
<stop />
|
|
<stop offset="1" stopOpacity="0" />
|
|
</linearGradient>
|
|
<linearGradient
|
|
gradientUnits="userSpaceOnUse"
|
|
id="paint1_linear_2254_6088"
|
|
x1="529.5"
|
|
x2="529.5"
|
|
y1="8"
|
|
y2="324"
|
|
>
|
|
<stop offset="0.4" />
|
|
<stop offset="1" stopOpacity="0" />
|
|
</linearGradient>
|
|
<linearGradient
|
|
gradientUnits="userSpaceOnUse"
|
|
id="paint2_linear_2254_6088"
|
|
x1="158"
|
|
x2="158"
|
|
y1="48"
|
|
y2="359"
|
|
>
|
|
<stop />
|
|
<stop offset="1" stopOpacity="0" />
|
|
</linearGradient>
|
|
<clipPath id="clip0_2254_6088">
|
|
<rect fill="white" height="112" width="316" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
);
|
|
}
|