assets/compass-os.svg

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" fill="none">
  <defs>
    <linearGradient id="bg" x1="68" y1="44" x2="444" y2="468" gradientUnits="userSpaceOnUse">
      <stop stop-color="#123C61"/>
      <stop offset="0.55" stop-color="#082743"/>
      <stop offset="1" stop-color="#06172C"/>
    </linearGradient>
    <linearGradient id="gold" x1="217" y1="138" x2="315" y2="294" gradientUnits="userSpaceOnUse">
      <stop stop-color="#FFE18A"/>
      <stop offset="1" stop-color="#E6A72F"/>
    </linearGradient>
    <linearGradient id="teal" x1="197" y1="358" x2="283" y2="238" gradientUnits="userSpaceOnUse">
      <stop stop-color="#2DD4BF"/>
      <stop offset="1" stop-color="#0EA5A8"/>
    </linearGradient>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
      <feDropShadow dx="0" dy="18" stdDeviation="18" flood-color="#00101F" flood-opacity="0.45"/>
    </filter>
  </defs>
  <rect x="16" y="16" width="480" height="480" rx="112" fill="url(#bg)"/>
  <path d="M72 134C114 60 218 37 309 58C389 76 448 130 470 204" stroke="white" stroke-opacity="0.08" stroke-width="18" stroke-linecap="round"/>
  <circle cx="256" cy="256" r="156" stroke="white" stroke-opacity="0.14" stroke-width="18"/>
  <path d="M256 100A156 156 0 0 1 404 208" stroke="#F5B942" stroke-width="18" stroke-linecap="round"/>
  <path d="M408 276A156 156 0 0 1 326 397" stroke="#3B82F6" stroke-width="18" stroke-linecap="round"/>
  <path d="M294 407A156 156 0 0 1 150 365" stroke="#22C55E" stroke-width="18" stroke-linecap="round"/>
  <path d="M126 342A156 156 0 0 1 112 214" stroke="#F06464" stroke-width="18" stroke-linecap="round"/>
  <path d="M124 184A156 156 0 0 1 224 103" stroke="#2DD4BF" stroke-width="18" stroke-linecap="round"/>
  <g filter="url(#shadow)">
    <path d="M284 235L355 150L305 267L263 287L284 235Z" fill="url(#gold)"/>
    <path d="M228 277L157 362L207 245L249 225L228 277Z" fill="url(#teal)"/>
    <circle cx="256" cy="256" r="35" fill="#F8FAFC"/>
    <circle cx="256" cy="256" r="19" fill="#0B2947"/>
    <circle cx="249" cy="249" r="7" fill="white" fill-opacity="0.7"/>
  </g>
</svg>