frontend/public/favicon.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
  <defs>
    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#6366f1"/>
      <stop offset="100%" style="stop-color:#8b5cf6"/>
    </linearGradient>
    <linearGradient id="positiveGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#10b981"/>
      <stop offset="100%" style="stop-color:#34d399"/>
    </linearGradient>
    <linearGradient id="negativeGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#ef4444"/>
      <stop offset="100%" style="stop-color:#f87171"/>
    </linearGradient>
  </defs>

  <!-- Background circle -->
  <circle cx="32" cy="32" r="30" fill="url(#bgGrad)"/>

  <!-- Chat bubble shape -->
  <path d="M16 20 h24 a4 4 0 0 1 4 4 v14 a4 4 0 0 1 -4 4 h-16 l-6 6 v-6 h-2 a4 4 0 0 1 -4 -4 v-14 a4 4 0 0 1 4 -4z"
        fill="white"
        opacity="0.95"/>

  <!-- Positive indicator (green plus) -->
  <circle cx="46" cy="18" r="10" fill="url(#positiveGrad)" stroke="white" stroke-width="2"/>
  <path d="M46 13 v10 M41 18 h10" stroke="white" stroke-width="2.5" stroke-linecap="round"/>

  <!-- Sentiment wave lines in bubble -->
  <path d="M18 28 q4 -3 8 0 q4 3 8 0" stroke="#6366f1" stroke-width="2" fill="none" stroke-linecap="round"/>
  <path d="M18 34 q4 3 8 0 q4 -3 8 0" stroke="#8b5cf6" stroke-width="2" fill="none" stroke-linecap="round"/>
</svg>