27 lines
1.3 KiB
XML
27 lines
1.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="100%" height="100%">
|
|
<defs>
|
|
<linearGradient id="safBg" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" stop-color="#EBF4FB"/>
|
|
<stop offset="100%" stop-color="#C2D8EB"/>
|
|
</linearGradient>
|
|
<linearGradient id="safCompass" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#00C7FF"/>
|
|
<stop offset="100%" stop-color="#0062E3"/>
|
|
</linearGradient>
|
|
<filter id="shadowSaf" x="-10%" y="-10%" width="120%" height="120%">
|
|
<feDropShadow dx="0" dy="4" stdDeviation="4" flood-color="#000000" flood-opacity="0.35"/>
|
|
</filter>
|
|
</defs>
|
|
<rect x="10" y="10" width="108" height="108" rx="24" fill="url(#safBg)" filter="url(#shadowSaf)" stroke="#B0C4DE" stroke-width="1.5"/>
|
|
<circle cx="64" cy="64" r="44" fill="url(#safCompass)" stroke="#FFFFFF" stroke-width="2"/>
|
|
|
|
<!-- Dial ticks -->
|
|
<circle cx="64" cy="64" r="38" fill="none" stroke="#FFFFFF" stroke-width="1" stroke-dasharray="2 6" opacity="0.6"/>
|
|
|
|
<!-- Compass Needle Red/North -->
|
|
<polygon points="64,28 72,64 64,61 56,64" fill="#FF3B30"/>
|
|
<!-- Compass Needle White/South -->
|
|
<polygon points="64,100 72,64 64,67 56,64" fill="#FFFFFF"/>
|
|
<circle cx="64" cy="64" r="4" fill="#FFFFFF" stroke="#D0D0D0" stroke-width="1"/>
|
|
</svg>
|
