logo.svg

<svg width="400" height="200" xmlns="http://www.w3.org/2000/svg">
  <!-- Background -->
  <rect width="100%" height="100%" fill="#f0f0f0"/>

  <!-- Circle with gradient -->
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#FF7F50;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#6A5ACD;stop-opacity:1" />
    </linearGradient>
  </defs>
  <circle cx="100" cy="100" r="80" fill="url(#grad1)" />

  <!-- Palindrome Symbol -->
  <text x="100" y="110" font-family="Arial, sans-serif" font-size="60" text-anchor="middle" fill="#FFFFFF" dy=".3em">🔄</text>

  <!-- Title -->
  <text x="200" y="70" font-family="Arial, sans-serif" font-size="24" text-anchor="middle" fill="#000">Palindrome Checker</text>
  
  <!-- Subtitle -->
  <text x="200" y="110" font-family="Arial, sans-serif" font-size="16" text-anchor="middle" fill="#000">Verify Symmetry</text>
  
  <!-- Border -->
  <rect x="10" y="10" width="380" height="180" fill="none" stroke="#4CAF50" stroke-width="4"/>
</svg>