AI Dating 3.0 — Logo Icon

HTML / SVG Code

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="64" height="64">
  <defs>
    <!-- Outer spinning gradient ring -->
    <linearGradient id="ringGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%"   stop-color="#a855f7"/>
      <stop offset="40%"  stop-color="#ec4899"/>
      <stop offset="80%"  stop-color="#f59e0b"/>
      <stop offset="100%" stop-color="#a855f7"/>
    </linearGradient>
    <!-- Inner background -->
    <radialGradient id="bgGrad" cx="50%" cy="50%" r="50%">
      <stop offset="0%"   stop-color="#1a0d2e"/>
      <stop offset="100%" stop-color="#0f0a1a"/>
    </radialGradient>
    <!-- Heart glow -->
    <filter id="glow">
      <feGaussianBlur stdDeviation="2.5" result="blur"/>
      <feMerge>
        <feMergeNode in="blur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
    <!-- Sparkle glow -->
    <filter id="sparkleGlow">
      <feGaussianBlur stdDeviation="1.5" result="blur"/>
      <feMerge>
        <feMergeNode in="blur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>

  <!-- Outer gradient ring -->
  <circle cx="50" cy="50" r="48" fill="none"
          stroke="url(#ringGrad)" stroke-width="3"/>

  <!-- Inner dark circle -->
  <circle cx="50" cy="50" r="44" fill="url(#bgGrad)"/>

  <!-- Subtle inner ring -->
  <circle cx="50" cy="50" r="40" fill="none"
          stroke="rgba(168,85,247,0.2)" stroke-width="0.8"/>

  <!-- Heart icon (centered) -->
  <path d="M50 68 C50 68 28 54 28 40
           C28 33 33 28 40 28
           C44 28 47.5 30 50 33
           C52.5 30 56 28 60 28
           C67 28 72 33 72 40
           C72 54 50 68 50 68Z"
        fill="#ec4899" filter="url(#glow)"
        opacity="0.95"/>

  <!-- "3.0" text -->
  <text x="50" y="88"
        font-family="'Orbitron', 'Arial Black', sans-serif"
        font-size="10" font-weight="700"
        text-anchor="middle" fill="#f59e0b"
        letter-spacing="1">3.0</text>

  <!-- "AI" text inside heart -->
  <text x="50" y="46"
        font-family="'Orbitron', 'Arial Black', sans-serif"
        font-size="12" font-weight="900"
        text-anchor="middle" fill="white"
        letter-spacing="1"
        filter="url(#sparkleGlow)">AI</text>

  <!-- Sparkle dots -->
  <circle cx="26" cy="26" r="2"   fill="#f59e0b" filter="url(#sparkleGlow)"/>
  <circle cx="74" cy="26" r="1.5" fill="#a855f7" filter="url(#sparkleGlow)"/>
  <circle cx="20" cy="52" r="1.5" fill="#ec4899" filter="url(#sparkleGlow)"/>
  <circle cx="80" cy="52" r="2"   fill="#06b6d4" filter="url(#sparkleGlow)"/>
</svg>