XGravity/Public/images/logo.svg

62 lines
3.5 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" height="100%">
<defs>
<!-- Degradado base para la estructura de la X -->
<linearGradient id="xg-cyan-grad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#bae6fd" />
<stop offset="45%" stop-color="#38bdf8" />
<stop offset="100%" stop-color="#0284c7" />
</linearGradient>
<!-- Degradado del núcleo de gravedad / singularidad -->
<radialGradient id="xg-core-glow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#ffffff" />
<stop offset="25%" stop-color="#7dd3fc" />
<stop offset="60%" stop-color="#0284c7" />
<stop offset="100%" stop-color="#030712" stop-opacity="0" />
</radialGradient>
<!-- Resplandor exterior táctico -->
<radialGradient id="xg-back-glow" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#0284c7" stop-opacity="0.35" />
<stop offset="100%" stop-color="#030712" stop-opacity="0" />
</radialGradient>
</defs>
<!-- 1. Fondo contenedor oscuro estilo chasis / badge (para contraste en cualquier pestaña) -->
<rect width="512" height="512" rx="112" fill="#030712" stroke="#1e293b" stroke-width="8" />
<!-- 2. Halo ambiental de gravedad profunda -->
<circle cx="256" cy="256" r="220" fill="url(#xg-back-glow)" />
<!-- 3. Retícula HUD: Esquinas tácticas militares -->
<path d="M 64 112 L 64 64 L 112 64" fill="none" stroke="#38bdf8" stroke-width="8" stroke-linecap="round" opacity="0.65" />
<path d="M 400 64 L 448 64 L 448 112" fill="none" stroke="#38bdf8" stroke-width="8" stroke-linecap="round" opacity="0.65" />
<path d="M 448 400 L 448 448 L 400 448" fill="none" stroke="#38bdf8" stroke-width="8" stroke-linecap="round" opacity="0.65" />
<path d="M 112 448 L 64 448 L 64 400" fill="none" stroke="#38bdf8" stroke-width="8" stroke-linecap="round" opacity="0.65" />
<!-- 4. Órbita elíptica secundaria (inclinada hacia la derecha) -->
<ellipse cx="256" cy="256" rx="200" ry="64" fill="none" stroke="#0284c7" stroke-width="6" stroke-dasharray="14 12 36 12" transform="rotate(45 256 256)" opacity="0.45" />
<!-- 5. Aspas principales en "X" (Diseño cinético afilado) -->
<!-- Brazo 1: Superior Izquierda -> Inferior Derecha -->
<polygon points="106,126 182,96 406,386 330,416" fill="url(#xg-cyan-grad)" />
<!-- Brazo 2: Superior Derecha -> Inferior Izquierda -->
<polygon points="406,126 330,96 106,386 182,416" fill="url(#xg-cyan-grad)" />
<!-- Muescas aerodinámicas de cabina en los extremos -->
<polygon points="182,96 214,142 150,154" fill="#030712" opacity="0.4" />
<polygon points="330,96 298,142 362,154" fill="#030712" opacity="0.4" />
<polygon points="330,416 298,370 362,358" fill="#030712" opacity="0.4" />
<polygon points="182,416 214,370 150,358" fill="#030712" opacity="0.4" />
<!-- 6. Órbita ecuatorial gravitatoria primaria (anillo de distorsión) -->
<ellipse cx="256" cy="256" rx="215" ry="74" fill="none" stroke="#38bdf8" stroke-width="12" stroke-linecap="round" stroke-dasharray="24 14 80 14" transform="rotate(-30 256 256)" />
<!-- 7. Pozo de singularidad central (Círculo de corte oscuro) -->
<circle cx="256" cy="256" r="68" fill="#030712" stroke="#38bdf8" stroke-width="10" />
<!-- 8. Núcleo cuántico hiperbrillante central -->
<circle cx="256" cy="256" r="44" fill="url(#xg-core-glow)" />
<circle cx="256" cy="256" r="14" fill="#ffffff" />
</svg>