<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
  <!-- FAQ icon with question mark and information symbol -->
  
  <!-- Main circle background -->
  <circle cx="30" cy="30" r="25" fill="#b586f7" opacity="0.2"/>
  <circle cx="30" cy="30" r="20" fill="#b586f7"/>
  
  <!-- Question mark -->
  <path d="M25 20C25 17 27 15 30 15C33 15 35 17 35 20C35 22 33 23 32 24L30 26" stroke="white" stroke-width="3" stroke-linecap="round" fill="none"/>
  <circle cx="30" cy="32" r="2" fill="white"/>
  
  <!-- Decorative question marks around -->
  <g fill="#8a5cf6" opacity="0.6">
    <text x="8" y="20" font-family="Arial, sans-serif" font-size="16" font-weight="bold">?</text>
    <text x="48" y="25" font-family="Arial, sans-serif" font-size="12" font-weight="bold">?</text>
    <text x="45" y="50" font-family="Arial, sans-serif" font-size="14" font-weight="bold">?</text>
    <text x="10" y="45" font-family="Arial, sans-serif" font-size="10" font-weight="bold">?</text>
  </g>
  
  <!-- Speech bubble -->
  <path d="M45 8C45 6 46 5 48 5H55C57 5 58 6 58 8V15C58 17 57 18 55 18H50L47 21V18H48C46 18 45 17 45 15V8Z" fill="#9b6bef" opacity="0.7"/>
  <text x="51" y="13" font-family="Arial, sans-serif" font-size="8" fill="white" font-weight="bold">FAQ</text>
  
  <!-- Information symbols -->
  <circle cx="12" cy="12" r="6" fill="#8a5cf6" opacity="0.5"/>
  <text x="12" y="16" text-anchor="middle" font-family="Arial, sans-serif" font-size="8" fill="white" font-weight="bold">i</text>
  
  <!-- Help/support symbols -->
  <g stroke="#7c3aed" stroke-width="2" fill="none" opacity="0.4">
    <circle cx="48" cy="12" r="4"/>
    <path d="M46 10L50 14M50 10L46 14"/>
  </g>
  
  <!-- Book/manual icon -->
  <rect x="8" y="48" width="8" height="10" fill="#9b6bef" opacity="0.5" rx="1"/>
  <line x1="10" y1="51" x2="14" y2="51" stroke="white" stroke-width="0.5"/>
  <line x1="10" y1="53" x2="13" y2="53" stroke="white" stroke-width="0.5"/>
  <line x1="10" y1="55" x2="14" y2="55" stroke="white" stroke-width="0.5"/>
  
  <!-- Lightbulb for solutions -->
  <g transform="translate(45,45)">
    <circle cx="0" cy="-2" r="4" fill="#ffd700" opacity="0.7"/>
    <rect x="-1" y="1" width="2" height="3" fill="#ffd700" opacity="0.7" rx="1"/>
    <line x1="-2" y1="-5" x2="2" y2="-5" stroke="#ffd700" stroke-width="1" opacity="0.5"/>
    <line x1="-3" y1="-3" x2="3" y2="-3" stroke="#ffd700" stroke-width="1" opacity="0.3"/>
  </g>
  
  <!-- Arrows pointing to center -->
  <g stroke="#b586f7" stroke-width="1.5" fill="none" opacity="0.3">
    <path d="M15 8L25 18M20 5L25 18M25 5L25 18" stroke-linecap="round"/>
    <path d="M45 8L35 18M40 5L35 18M35 5L35 18" stroke-linecap="round"/>
  </g>
</svg>
