<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 40 40" width="1080" height="1080" xmlns="http://www.w3.org/2000/svg">
  <!-- Gradient definitions -->
  <defs>
    <radialGradient id="glowGradient" cx="50%" cy="50%" r="60%">
      <stop offset="0%" style="stop-color:#7bb3a6;stop-opacity:0.4" />
      <stop offset="100%" style="stop-color:#7bb3a6;stop-opacity:0.1" />
    </radialGradient>
    <linearGradient id="backgroundGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#7bb3a6" />
      <stop offset="100%" style="stop-color:#7bb3a6" stop-opacity="0.8" />
    </linearGradient>
  </defs>
  
  <!-- Glow effect (larger circle) -->
  <circle cx="20" cy="20" r="19" fill="url(#glowGradient)" />
  
  <!-- Main circular background -->
  <circle cx="20" cy="20" r="16" fill="url(#backgroundGradient)" />
  
  <!-- The "mean" icon positioned slightly up -->
  <g transform="translate(20,18)">
    <!-- The "mouth" - rectangular shape -->
    <rect x="-7.5" y="-1" width="15" height="8" rx="1.5" fill="none" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
    <!-- The "eyes" - two small lines/dots -->
    <line x1="-4" y1="3" x2="-4" y2="3" stroke="white" stroke-width="1.5" stroke-linecap="round" />
    <line x1="4" y1="3" x2="4" y2="3" stroke="white" stroke-width="1.5" stroke-linecap="round" />
  </g>
</svg> 