<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500" width="800" height="500" role="img" aria-label="Камеры">
<defs>
  <linearGradient id="bgG" x1="0" y1="0" x2="1" y2="1">
    <stop offset="0" stop-color="#0B1B2E"/><stop offset="1" stop-color="#071523"/>
  </linearGradient>
  <linearGradient id="mtl" x1="0" y1="0" x2="0" y2="1">
    <stop offset="0" stop-color="#3B4C60"/><stop offset="0.5" stop-color="#22303F"/><stop offset="1" stop-color="#161F2A"/>
  </linearGradient>
  <radialGradient id="glow"><stop offset="0" stop-color="#2DD4BF" stop-opacity="0.5"/><stop offset="1" stop-color="#2DD4BF" stop-opacity="0"/></radialGradient>
  <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
    <path d="M40 0 L0 0 0 40" fill="none" stroke="#1E4260" stroke-width="1" opacity="0.5"/>
  </pattern>
</defs>
<rect width="800" height="500" fill="url(#bgG)"/>
<rect width="800" height="500" fill="url(#grid)" opacity="0.5"/>
<circle cx="620" cy="90" r="220" fill="url(#glow)" opacity="0.5"/>

<g transform="translate(240,180)">
  <rect x="0" y="0" width="230" height="140" rx="22" fill="url(#mtl)" stroke="#1E4260" stroke-width="2"/>
  <circle cx="115" cy="70" r="52" fill="#0F2136" stroke="#2DD4BF" stroke-width="3"/>
  <circle cx="115" cy="70" r="30" fill="#06121F" stroke="#14B8A6" stroke-width="2"/>
  <circle cx="100" cy="55" r="9" fill="#2DD4BF" opacity="0.8"/>
  <rect x="196" y="52" width="52" height="36" rx="8" fill="#1E4260"/>
</g>
<g stroke="#2DD4BF" stroke-width="2" fill="none" opacity="0.6">
  <path d="M470 250 l180 -90 M470 250 l180 90"/>
</g>
<g fill="#C9DAE8" font-family="monospace" font-size="18">
  <text x="60" y="70">CAMERA</text><text x="60" y="98" fill="#2DD4BF" font-size="14">4K / PTZ / stereo</text>
</g>
</svg>