<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
  <!-- Courses icon with books and graduation cap -->
  
  <!-- Stack of books -->
  <rect x="15" y="35" width="20" height="3" fill="#8a5cf6" rx="1"/>
  <rect x="16" y="32" width="18" height="3" fill="#9b6bef" rx="1"/>
  <rect x="17" y="29" width="16" height="3" fill="#b586f7" rx="1"/>
  <rect x="18" y="26" width="14" height="3" fill="#7c3aed" rx="1"/>
  
  <!-- Open book -->
  <path d="M25 20L25 45L30 42L35 45L35 20C35 18 33 16 30 16C27 16 25 18 25 20Z" fill="#b586f7"/>
  <path d="M30 16L30 42M25 20C25 18 27 16 30 16C33 16 35 18 35 20" stroke="white" stroke-width="1" opacity="0.8"/>
  
  <!-- Book pages -->
  <line x1="27" y1="22" x2="28" y2="22" stroke="white" stroke-width="0.5" opacity="0.6"/>
  <line x1="32" y1="22" x2="33" y2="22" stroke="white" stroke-width="0.5" opacity="0.6"/>
  <line x1="27" y1="24" x2="28.5" y2="24" stroke="white" stroke-width="0.5" opacity="0.6"/>
  <line x1="31.5" y1="24" x2="33" y2="24" stroke="white" stroke-width="0.5" opacity="0.6"/>
  <line x1="27" y1="26" x2="28" y2="26" stroke="white" stroke-width="0.5" opacity="0.6"/>
  <line x1="32" y1="26" x2="33" y2="26" stroke="white" stroke-width="0.5" opacity="0.6"/>
  
  <!-- Graduation cap -->
  <ellipse cx="30" cy="12" rx="8" ry="2" fill="#2d1b69"/>
  <rect x="29" y="8" width="2" height="6" fill="#2d1b69"/>
  <circle cx="30" cy="8" r="1" fill="#ffd700"/>
  
  <!-- Graduation cap tassel -->
  <line x1="32" y1="8" x2="35" y2="5" stroke="#ffd700" stroke-width="1"/>
  <circle cx="35" cy="5" r="1" fill="#ffd700"/>
  
  <!-- Educational elements -->
  <!-- Mathematical symbols -->
  <text x="8" y="20" font-family="Arial, sans-serif" font-size="8" fill="#b586f7" opacity="0.4">π</text>
  <text x="48" y="25" font-family="Arial, sans-serif" font-size="8" fill="#8a5cf6" opacity="0.4">∑</text>
  <text x="45" y="50" font-family="Arial, sans-serif" font-size="8" fill="#9b6bef" opacity="0.4">%</text>
  <text x="10" y="50" font-family="Arial, sans-serif" font-size="8" fill="#7c3aed" opacity="0.4">€</text>
  
  <!-- Course completion indicators -->
  <circle cx="42" cy="15" r="3" fill="#4ade80" opacity="0.8"/>
  <path d="M40.5 15L41.5 16L43.5 14" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
  
  <!-- Progress indicators -->
  <rect x="45" y="35" width="8" height="2" fill="#e5e7eb" rx="1"/>
  <rect x="45" y="35" width="6" height="2" fill="#b586f7" rx="1"/>
  
  <rect x="45" y="38" width="8" height="2" fill="#e5e7eb" rx="1"/>
  <rect x="45" y="38" width="4" height="2" fill="#8a5cf6" rx="1"/>
  
  <rect x="45" y="41" width="8" height="2" fill="#e5e7eb" rx="1"/>
  <rect x="45" y="41" width="7" height="2" fill="#9b6bef" rx="1"/>
  
  <!-- Stars for rating/quality -->
  <g fill="#ffd700" opacity="0.7">
    <polygon points="8,35 9,37 11,37 9.5,38.5 10,40 8,39 6,40 6.5,38.5 5,37 7,37" transform="scale(0.8)"/>
    <polygon points="8,40 9,42 11,42 9.5,43.5 10,45 8,44 6,45 6.5,43.5 5,42 7,42" transform="scale(0.8)"/>
    <polygon points="8,45 9,47 11,47 9.5,48.5 10,50 8,49 6,50 6.5,48.5 5,47 7,47" transform="scale(0.8)"/>
  </g>
  
  <!-- Learning path arrows -->
  <path d="M20 50L25 48L20 46" stroke="#b586f7" stroke-width="1" fill="none" opacity="0.5"/>
  <path d="M35 50L40 48L35 46" stroke="#8a5cf6" stroke-width="1" fill="none" opacity="0.5"/>
</svg>
