<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="miniIceGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#87CEEB;stop-opacity:1" />
      <stop offset="50%" style="stop-color:#4169E1;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#1E90FF;stop-opacity:1" />
    </linearGradient>
  </defs>
  
  <!-- Main favicon circle -->
  <circle cx="16" cy="16" r="14" fill="url(#miniIceGradient)" stroke="#FFFFFF" stroke-width="1"/>
  
  <!-- Simple S logo -->
  <text x="16" y="20" font-family="Kanit, sans-serif" font-size="12" font-weight="bold" text-anchor="middle" fill="#FFFFFF">S</text>
  
  <!-- Small sparkles -->
  <circle cx="8" cy="8" r="1" fill="#FFFFFF" opacity="0.8"/>
  <circle cx="24" cy="8" r="1" fill="#FFFFFF" opacity="0.8"/>
  <circle cx="8" cy="24" r="1" fill="#FFFFFF" opacity="0.8"/>
  <circle cx="24" cy="24" r="1" fill="#FFFFFF" opacity="0.8"/>
</svg>