<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(120,240)">
  <rect x="0" y="-28" width="120" height="56" rx="14" fill="url(#mtl)" stroke="#1E4260" stroke-width="2"/>
  <circle cx="112" cy="0" r="16" fill="#0F2136" stroke="#2DD4BF" stroke-width="2"/>
</g>
<g fill="none" stroke="#2DD4BF" stroke-width="2.5">
  <path d="M250 240 a120 120 0 0 1 0 20" opacity="0"/>
  <path d="M250 150 a150 150 0 0 1 0 200" opacity="0.85"/>
  <path d="M300 120 a200 200 0 0 1 0 260" opacity="0.55"/>
  <path d="M350 92 a250 250 0 0 1 0 316" opacity="0.32"/>
  <path d="M400 66 a300 300 0 0 1 0 368" opacity="0.16"/>
</g>
<g fill="#14B8A6" opacity="0.9">
  <ellipse cx="620" cy="330" rx="70" ry="16"/><ellipse cx="700" cy="300" rx="40" ry="10"/>
</g>
<g fill="#C9DAE8" font-family="monospace" font-size="18">
  <text x="60" y="70">SONAR</text>
  <text x="60" y="98" fill="#2DD4BF" font-size="14">360 / side-scan / multibeam</text>
</g>
</svg>