41 lines
1.8 KiB
XML
41 lines
1.8 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" width="100%" height="100%">
|
|
<defs>
|
|
<clipPath id="circleClip">
|
|
<circle cx="80" cy="80" r="72"/>
|
|
</clipPath>
|
|
<linearGradient id="skyGrad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" stop-color="#1A385C"/>
|
|
<stop offset="50%" stop-color="#C27A59"/>
|
|
<stop offset="100%" stop-color="#FFD6A5"/>
|
|
</linearGradient>
|
|
<linearGradient id="seaGrad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" stop-color="#1E4566"/>
|
|
<stop offset="100%" stop-color="#0E2338"/>
|
|
</linearGradient>
|
|
<linearGradient id="islandGrad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" stop-color="#544943"/>
|
|
<stop offset="100%" stop-color="#241E1C"/>
|
|
</linearGradient>
|
|
<filter id="badgeShadow">
|
|
<feDropShadow dx="0" dy="6" stdDeviation="6" flood-color="#000000" flood-opacity="0.4"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<circle cx="80" cy="80" r="74" fill="none" stroke="#FFFFFF" stroke-width="3" filter="url(#badgeShadow)"/>
|
|
|
|
<g clip-path="url(#circleClip)">
|
|
<!-- Sky -->
|
|
<rect x="0" y="0" width="160" height="160" fill="url(#skyGrad)"/>
|
|
<!-- Sun glow -->
|
|
<circle cx="95" cy="80" r="28" fill="#FFF2DE" opacity="0.6"/>
|
|
<!-- Distant Mountains -->
|
|
<polygon points="10,105 50,75 90,105" fill="#755E57" opacity="0.7"/>
|
|
<polygon points="70,105 115,70 155,105" fill="#5E4843" opacity="0.8"/>
|
|
<!-- Santa Catalina Island Cliffs -->
|
|
<path d="M0 110 Q40 85 85 102 Q125 75 160 115 L160 160 L0 160 Z" fill="url(#islandGrad)"/>
|
|
<!-- Ocean / Waves -->
|
|
<path d="M0 120 C30 115 60 125 100 118 C130 112 150 122 160 120 L160 160 L0 160 Z" fill="url(#seaGrad)"/>
|
|
<path d="M0 135 C40 130 80 140 120 132 C140 128 155 134 160 135 L160 160 L0 160 Z" fill="#132B45" opacity="0.6"/>
|
|
</g>
|
|
</svg>
|
