| 1 |
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> |
| 2 |
<defs> |
| 3 |
<linearGradient id="spotlightGrad" x1="0%" y1="0%" x2="100%" y2="100%"> |
| 4 |
<stop offset="0%" style="stop-color:#9B62FF"/> |
| 5 |
<stop offset="100%" style="stop-color:#5B03FF"/> |
| 6 |
</linearGradient> |
| 7 |
<radialGradient id="spotGrad" cx="50%" cy="30%" r="50%"> |
| 8 |
<stop offset="0%" style="stop-color:#9B62FF;stop-opacity:0.6"/> |
| 9 |
<stop offset="100%" style="stop-color:#5B03FF;stop-opacity:0"/> |
| 10 |
</radialGradient> |
| 11 |
<clipPath id="spotClip"> |
| 12 |
<circle cx="50" cy="50" r="35"/> |
| 13 |
</clipPath> |
| 14 |
</defs> |
| 15 |
|
| 16 |
<!-- Background circle --> |
| 17 |
<circle cx="50" cy="50" r="42" fill="none" stroke="url(#spotlightGrad)" stroke-width="2" opacity="0.3"/> |
| 18 |
|
| 19 |
<!-- Spotlight cone --> |
| 20 |
<path d="M50 15 L25 75 L75 75 Z" fill="url(#spotGrad)" opacity="0.5"/> |
| 21 |
|
| 22 |
<!-- Spotlight source --> |
| 23 |
<circle cx="50" cy="15" r="8" fill="url(#spotlightGrad)"/> |
| 24 |
<circle cx="50" cy="15" r="4" fill="#fff" opacity="0.8"/> |
| 25 |
|
| 26 |
<!-- Revealed content area --> |
| 27 |
<rect x="30" y="55" width="40" height="25" rx="4" fill="none" stroke="url(#spotlightGrad)" stroke-width="2"/> |
| 28 |
|
| 29 |
<!-- Hidden elements (partially visible) --> |
| 30 |
<rect x="35" y="60" width="12" height="3" rx="1" fill="url(#spotlightGrad)" opacity="0.8"/> |
| 31 |
<rect x="35" y="66" width="25" height="2" rx="1" fill="url(#spotlightGrad)" opacity="0.5"/> |
| 32 |
<rect x="35" y="71" width="20" height="2" rx="1" fill="url(#spotlightGrad)" opacity="0.3"/> |
| 33 |
|
| 34 |
<!-- Light rays --> |
| 35 |
<line x1="50" y1="23" x2="35" y2="55" stroke="url(#spotlightGrad)" stroke-width="1" opacity="0.3"/> |
| 36 |
<line x1="50" y1="23" x2="65" y2="55" stroke="url(#spotlightGrad)" stroke-width="1" opacity="0.3"/> |
| 37 |
</svg> |
