<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 80" width="320" height="80">
  <defs>
    <linearGradient id="metalGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#5B9BD5"/>
      <stop offset="50%" style="stop-color:#4682B4"/>
      <stop offset="100%" style="stop-color:#36648B"/>
    </linearGradient>
    <linearGradient id="roofGrad" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:#5B9BD5"/>
      <stop offset="100%" style="stop-color:#36648B"/>
    </linearGradient>
  </defs>
  <!-- Metal roof icon -->
  <g transform="translate(10, 8)">
    <!-- Roof shape - steep pitch -->
    <polygon points="32,4 4,32 12,32 12,52 52,52 52,32 60,32" fill="url(#roofGrad)" stroke="#2C5278" stroke-width="1.5" stroke-linejoin="round"/>
    <!-- Standing seam lines -->
    <line x1="22" y1="18" x2="22" y2="52" stroke="#2C5278" stroke-width="1" opacity="0.6"/>
    <line x1="32" y1="4" x2="32" y2="52" stroke="#2C5278" stroke-width="1.2" opacity="0.7"/>
    <line x1="42" y1="18" x2="42" y2="52" stroke="#2C5278" stroke-width="1" opacity="0.6"/>
    <!-- Ridge cap highlight -->
    <line x1="18" y1="20" x2="32" y2="4" stroke="#7BB8E8" stroke-width="1.5" stroke-linecap="round" opacity="0.8"/>
    <line x1="32" y1="4" x2="46" y2="20" stroke="#7BB8E8" stroke-width="1.5" stroke-linecap="round" opacity="0.5"/>
    <!-- Horizontal panel lines -->
    <line x1="8" y1="32" x2="56" y2="32" stroke="#2C5278" stroke-width="0.8" opacity="0.4"/>
    <line x1="12" y1="42" x2="52" y2="42" stroke="#2C5278" stroke-width="0.8" opacity="0.3"/>
  </g>
  <!-- Brand text -->
  <text x="78" y="35" font-family="'Segoe UI', 'Helvetica Neue', Arial, sans-serif" font-size="22" font-weight="700" fill="#2C5278" letter-spacing="0.5">Metal Tech</text>
  <text x="78" y="58" font-family="'Segoe UI', 'Helvetica Neue', Arial, sans-serif" font-size="15" font-weight="400" fill="#4682B4" letter-spacing="2">SERVICES</text>
  <!-- Accent line -->
  <rect x="78" y="40" width="48" height="2" rx="1" fill="url(#metalGrad)" opacity="0.7"/>
</svg>