<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 60" width="220" height="60">
  <defs>
    <linearGradient id="drop" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#4AC3E8"/>
      <stop offset="100%" stop-color="#1976D2"/>
    </linearGradient>
  </defs>
  <!-- Magnet icon on the left -->
  <g transform="translate(4, 8)">
    <path d="M 6 8 L 6 30 A 15 15 0 0 0 36 30 L 36 8 L 28 8 L 28 30 A 7 7 0 0 1 14 30 L 14 8 Z" fill="#C92C20" stroke="#0d0d0d" stroke-width="1.5"/>
    <rect x="6" y="4" width="8" height="6" fill="#f5f5f5" stroke="#0d0d0d" stroke-width="1.5"/>
    <rect x="28" y="4" width="8" height="6" fill="#f5f5f5" stroke="#0d0d0d" stroke-width="1.5"/>
    <path d="M 21 14 C 21 14 14 20 14 26 A 7 7 0 0 0 28 26 C 28 20 21 14 21 14 Z" fill="url(#drop)" stroke="#0d47a1" stroke-width="0.8"/>
  </g>
  <!-- Text "Magnet" in white (visible on dark header) -->
  <text x="54" y="30" font-family="Georgia, 'Times New Roman', serif" font-size="24" fill="#ffffff" font-weight="400" font-style="italic">Magnet</text>
  <!-- Text "PLUMBING" in crimson -->
  <text x="54" y="48" font-family="Arial, Helvetica, sans-serif" font-size="13" fill="#C92C20" font-weight="800" letter-spacing="2">PLUMBING</text>
</svg>
