<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="emailGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#0af1f5;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#08c0c4;stop-opacity:1" />
    </linearGradient>
    <filter id="glow">
      <feGaussianBlur stdDeviation="1" result="coloredBlur"/>
      <feMerge> 
        <feMergeNode in="coloredBlur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>
  
  <!-- Email icon -->
  <g filter="url(#glow)">
    <!-- Envelope body -->
    <rect x="4" y="8" width="24" height="16" rx="2" fill="none" stroke="url(#emailGradient)" stroke-width="2"/>
    <rect x="5" y="9" width="22" height="14" rx="1" fill="url(#emailGradient)" opacity="0.1"/>
    
    <!-- Envelope flap -->
    <polygon points="4,8 16,16 28,8" fill="none" stroke="url(#emailGradient)" stroke-width="2"/>
    
    <!-- Email lines (content) -->
    <g fill="url(#emailGradient)" opacity="0.4">
      <rect x="7" y="18" width="8" height="1" rx="0.5"/>
      <rect x="7" y="20" width="12" height="1" rx="0.5"/>
      <rect x="7" y="22" width="6" height="1" rx="0.5"/>
    </g>
    
    <!-- @ symbol -->
    <circle cx="22" cy="18" r="3" fill="none" stroke="url(#emailGradient)" stroke-width="1" opacity="0.8"/>
    <circle cx="22" cy="18" r="1" fill="url(#emailGradient)" opacity="0.6"/>
    <path d="M24,16 L24,20 Q24,21 23,21" fill="none" stroke="url(#emailGradient)" stroke-width="1" opacity="0.8"/>
    
    <!-- New message indicator -->
    <circle cx="26" cy="10" r="3" fill="url(#emailGradient)" opacity="0.8"/>
    <text x="26" y="12" text-anchor="middle" font-family="Arial, sans-serif" font-size="3" fill="#0a0a0a">!</text>
    
    <!-- Send/receive arrows -->
    <g fill="url(#emailGradient)" opacity="0.5">
      <path d="M2,6 L6,4 L6,8 Z" fill="url(#emailGradient)">
        <animate attributeName="opacity" values="0.3;0.8;0.3" dur="2s" repeatCount="indefinite"/>
      </path>
      <path d="M30,26 L26,24 L26,28 Z" fill="url(#emailGradient)">
        <animate attributeName="opacity" values="0.8;0.3;0.8" dur="2.5s" repeatCount="indefinite"/>
      </path>
    </g>
  </g>
</svg>
