You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
nao-web-ui/public/naog1-butterfly-logo.svg

127 lines
3.9 KiB

<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="naogBlue" cx="50%" cy="30%" r="70%">
<stop offset="0%" style="stop-color:#00D4FF;stop-opacity:1" />
<stop offset="40%" style="stop-color:#0099CC;stop-opacity:1" />
<stop offset="80%" style="stop-color:#003366;stop-opacity:1" />
<stop offset="100%" style="stop-color:#001122;stop-opacity:1" />
</radialGradient>
<radialGradient id="naogBlueSecondary" cx="50%" cy="30%" r="70%">
<stop offset="0%" style="stop-color:#33AAFF;stop-opacity:1" />
<stop offset="40%" style="stop-color:#0077AA;stop-opacity:1" />
<stop offset="80%" style="stop-color:#002244;stop-opacity:1" />
<stop offset="100%" style="stop-color:#000D1A;stop-opacity:1" />
</radialGradient>
<linearGradient id="naogBodyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#2D1B1B;stop-opacity:1" />
<stop offset="50%" style="stop-color:#1A0F0F;stop-opacity:1" />
<stop offset="100%" style="stop-color:#0D0505;stop-opacity:1" />
</linearGradient>
<filter id="naogGlow">
<feGaussianBlur stdDeviation="1" result="coloredBlur"/>
<feMerge>
<feMergeNode in="coloredBlur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- Background circle -->
<circle cx="50" cy="50" r="45" fill="url(#naogBlue)" opacity="0.1" stroke="url(#naogBlue)" stroke-width="2"/>
<!-- Left wings -->
<g transform="translate(50,50)">
<!-- Left upper wing -->
<path
d="M-15 -10 Q-35 -25 -42 -35 Q-45 -40 -42 -42 Q-35 -45 -25 -38 Q-18 -30 -15 -20 Z"
fill="url(#naogBlue)"
stroke="#001122"
stroke-width="0.5"
filter="url(#naogGlow)"
/>
<!-- Left lower wing -->
<path
d="M-15 -10 Q-30 0 -38 10 Q-42 15 -40 18 Q-35 22 -25 15 Q-18 5 -15 -5 Z"
fill="url(#naogBlueSecondary)"
stroke="#001122"
stroke-width="0.5"
filter="url(#naogGlow)"
/>
<!-- Right upper wing -->
<path
d="M15 -10 Q35 -25 42 -35 Q45 -40 42 -42 Q35 -45 25 -38 Q18 -30 15 -20 Z"
fill="url(#naogBlue)"
stroke="#001122"
stroke-width="0.5"
filter="url(#naogGlow)"
/>
<!-- Right lower wing -->
<path
d="M15 -10 Q30 0 38 10 Q42 15 40 18 Q35 22 25 15 Q18 5 15 -5 Z"
fill="url(#naogBlueSecondary)"
stroke="#001122"
stroke-width="0.5"
filter="url(#naogGlow)"
/>
<!-- Wing spots/patterns -->
<circle cx="-28" cy="-30" r="3" fill="#00AAFF" opacity="0.8" />
<circle cx="-32" cy="-22" r="2" fill="#33BBFF" opacity="0.7" />
<circle cx="-25" cy="5" r="2.5" fill="#00AAFF" opacity="0.8" />
<circle cx="28" cy="-30" r="3" fill="#00AAFF" opacity="0.8" />
<circle cx="32" cy="-22" r="2" fill="#33BBFF" opacity="0.7" />
<circle cx="25" cy="5" r="2.5" fill="#00AAFF" opacity="0.8" />
<!-- Butterfly body -->
<ellipse
cx="0"
cy="0"
rx="2"
ry="20"
fill="url(#naogBodyGradient)"
stroke="#0D0505"
stroke-width="0.3"
/>
<!-- Head -->
<circle
cx="0"
cy="-15"
r="3"
fill="#2D1B1B"
stroke="#0D0505"
stroke-width="0.3"
/>
<!-- Antennae -->
<path
d="M-2 -17 Q-5 -23 -8 -28"
stroke="#2D1B1B"
stroke-width="0.8"
fill="none"
stroke-linecap="round"
/>
<path
d="M2 -17 Q5 -23 8 -28"
stroke="#2D1B1B"
stroke-width="0.8"
fill="none"
stroke-linecap="round"
/>
<!-- Antennae tips -->
<circle cx="-8" cy="-28" r="0.8" fill="#2D1B1B" />
<circle cx="8" cy="-28" r="0.8" fill="#2D1B1B" />
<!-- NAOG1 text -->
<text x="0" y="35" font-family="Arial, sans-serif" font-size="8" font-weight="bold" text-anchor="middle" fill="#003366">NAOG1</text>
</g>
</svg>