josedario87
eeaf64e9f4
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m0s
96 lines
3.9 KiB
XML
96 lines
3.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
<defs>
|
|
<!-- Gradiente del fondo -->
|
|
<linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#b3e0ff"/>
|
|
<stop offset="100%" style="stop-color:#e6f4ff"/>
|
|
</linearGradient>
|
|
<!-- Gradiente del círculo principal -->
|
|
<linearGradient id="circleGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#4da6ff"/>
|
|
<stop offset="50%" style="stop-color:#1a8cff"/>
|
|
<stop offset="100%" style="stop-color:#0066cc"/>
|
|
</linearGradient>
|
|
<!-- Gradiente para la zona de día -->
|
|
<linearGradient id="dayGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#66b3ff"/>
|
|
<stop offset="100%" style="stop-color:#3399ff"/>
|
|
</linearGradient>
|
|
<!-- Gradiente para la zona de noche -->
|
|
<linearGradient id="nightGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#1a75cc"/>
|
|
<stop offset="100%" style="stop-color:#004d99"/>
|
|
</linearGradient>
|
|
<!-- Gradiente para los cuadrados de apps -->
|
|
<linearGradient id="appGrad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#99d6ff"/>
|
|
<stop offset="100%" style="stop-color:#66c2ff"/>
|
|
</linearGradient>
|
|
<!-- Gradiente del sol -->
|
|
<radialGradient id="sunGrad" cx="50%" cy="50%" r="50%">
|
|
<stop offset="0%" style="stop-color:#ffee00"/>
|
|
<stop offset="100%" style="stop-color:#ffcc00"/>
|
|
</radialGradient>
|
|
</defs>
|
|
|
|
<!-- Círculo principal con borde brillante -->
|
|
<circle cx="256" cy="256" r="230" fill="url(#circleGrad)" stroke="#80ccff" stroke-width="4"/>
|
|
|
|
<!-- Zona de día (arriba izquierda) -->
|
|
<path d="M256 26 C140 26 46 100 30 200 L256 256 L256 26 Z" fill="url(#dayGrad)" opacity="0.6"/>
|
|
|
|
<!-- Zona de noche (abajo derecha) -->
|
|
<path d="M256 486 C372 486 466 412 482 312 L256 256 L256 486 Z" fill="url(#nightGrad)" opacity="0.4"/>
|
|
|
|
<!-- Sol -->
|
|
<circle cx="140" cy="120" r="35" fill="url(#sunGrad)"/>
|
|
<!-- Rayos del sol -->
|
|
<g fill="#ffcc00" opacity="0.8">
|
|
<ellipse cx="140" cy="65" rx="4" ry="12"/>
|
|
<ellipse cx="140" cy="175" rx="4" ry="12"/>
|
|
<ellipse cx="85" cy="120" rx="12" ry="4"/>
|
|
<ellipse cx="195" cy="120" rx="12" ry="4"/>
|
|
<ellipse cx="100" cy="80" rx="4" ry="10" transform="rotate(-45 100 80)"/>
|
|
<ellipse cx="180" cy="80" rx="4" ry="10" transform="rotate(45 180 80)"/>
|
|
<ellipse cx="100" cy="160" rx="4" ry="10" transform="rotate(45 100 160)"/>
|
|
<ellipse cx="180" cy="160" rx="4" ry="10" transform="rotate(-45 180 160)"/>
|
|
</g>
|
|
|
|
<!-- Nube -->
|
|
<g fill="white" opacity="0.95">
|
|
<ellipse cx="320" cy="110" rx="45" ry="30"/>
|
|
<ellipse cx="280" cy="120" rx="30" ry="22"/>
|
|
<ellipse cx="355" cy="115" rx="28" ry="20"/>
|
|
</g>
|
|
|
|
<!-- Grid de apps (6 cuadrados 2x3) -->
|
|
<g fill="url(#appGrad)" stroke="#b3e0ff" stroke-width="2">
|
|
<rect x="155" y="210" width="55" height="55" rx="10"/>
|
|
<rect x="225" y="210" width="55" height="55" rx="10"/>
|
|
<rect x="295" y="210" width="55" height="55" rx="10"/>
|
|
<rect x="155" y="280" width="55" height="55" rx="10"/>
|
|
<rect x="225" y="280" width="55" height="55" rx="10"/>
|
|
<rect x="295" y="280" width="55" height="55" rx="10"/>
|
|
</g>
|
|
|
|
<!-- Luna -->
|
|
<g transform="translate(380, 380)">
|
|
<circle cx="0" cy="0" r="28" fill="#b3e0ff"/>
|
|
<circle cx="12" cy="-8" r="25" fill="url(#nightGrad)"/>
|
|
</g>
|
|
|
|
<!-- Estrellas -->
|
|
<g fill="white" opacity="0.8">
|
|
<circle cx="100" cy="350" r="3"/>
|
|
<circle cx="85" cy="400" r="2"/>
|
|
<circle cx="130" cy="420" r="2.5"/>
|
|
<circle cx="420" cy="300" r="2"/>
|
|
<circle cx="440" cy="340" r="2.5"/>
|
|
<circle cx="400" cy="420" r="2"/>
|
|
<circle cx="350" cy="440" r="3"/>
|
|
</g>
|
|
|
|
<!-- Brillo superior del círculo -->
|
|
<ellipse cx="200" cy="80" rx="80" ry="20" fill="white" opacity="0.2"/>
|
|
</svg>
|