SVG Drawing Match #397

<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="bodyGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#FF6B6B"/>
      <stop offset="100%" style="stop-color:#4ECDC4"/>
    </linearGradient>
    <filter id="glow">
      <feGaussianBlur stdDeviation="2" result="coloredBlur"/>
      <feMerge>
        <feMergeNode in="coloredBlur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>
  
  <!-- Musical notes background -->
  <g class="notes" fill="#2C3E50" opacity="0.2">
    <path d="M50,100 l0,40 l15,-5 l0,-40 z M65,135 a8,8 0 1,1 -16,0" />
    <path d="M200,50 l0,40 l15,-5 l0,-40 z M215,85 a8,8 0 1,1 -16,0" />
    <path d="M250,150 l0,40 l15,-5 l0,-40 z M265,185 a8,8 0 1,1 -16,0" />
    <path d="M100,200 l0,40 l15,-5 l0,-40 z M115,235 a8,8 0 1,1 -16,0" />
  </g>

  <!-- Octopus body -->
  <circle cx="150" cy="150" r="40" fill="url(#bodyGrad)"/>
  
  <!-- Tentacles -->
  <g class="tentacles" fill="none" stroke="url(#bodyGrad)" stroke-width="8">
    <path d="M120,170 Q90,200 70,190 T40,220" style="animation: wave 2s infinite"/>
    <path d="M130,180 Q110,220 90,210 T60,240"/>
    <path d="M150,190 Q150,230 130,240 T120,270"/>
    <path d="M170,180 Q190,220 170,240 T180,270"/>
    <path d="M180,170 Q210,200 200,220 T230,240"/>
    <path d="M190,160 Q230,180 220,200 T250,210"/>
  </g>

  <!-- Top hat -->
  <path d="M150,110 h-30 v-30 h60 v30 z" fill="#2C3E50"/>
  <path d="M110,110 h80 v5 h-80 z" fill="#2C3E50"/>
  
  <!-- Monocle -->
  <circle cx="170" cy="140" r="10" fill="none" stroke="gold" stroke-width="2"/>
  <path d="M170,150 Q180,160 190,165" fill="none" stroke="gold" stroke-width="2"/>
  
  <!-- Eyes -->
  <circle cx="140" cy="140" r="5" fill="#2C3E50"/>
  <circle cx="170" cy="140" r="5" fill="#2C3E50"/>
  
  <!-- Smile -->
  <path d="M140,160 Q150,170 160,160" fill="none" stroke="#2C3E50" stroke-width="2"/>

  <style>
    @keyframes wave {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }
    .tentacles path {
      animation: wave 2s infinite;
      animation-delay: calc(var(--i) * -0.2s);
    }
  </style>
</svg>