remnawave-bedolaga-telegram-bot/assets/bedolaga_app3.svg

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- Градиенты для щита -->
    <linearGradient id="shieldGradient" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:#4a90e2;stop-opacity:1" />
      <stop offset="50%" style="stop-color:#357abd;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#2c5aa0;stop-opacity:1" />
    </linearGradient>
    
    <!-- Градиент для свечения -->
    <radialGradient id="glowGradient">
      <stop offset="0%" style="stop-color:#00d4ff;stop-opacity:0.8" />
      <stop offset="100%" style="stop-color:#00d4ff;stop-opacity:0" />
    </radialGradient>
    
    <!-- Анимация мерцания -->
    <filter id="glow">
      <feGaussianBlur stdDeviation="2" result="coloredBlur"/>
      <feMerge>
        <feMergeNode in="coloredBlur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
      <animate attributeName="stdDeviation" 
               values="2;4;2" 
               dur="2s" 
               repeatCount="indefinite"/>
    </filter>
    
    <!-- Анимация электрических разрядов -->
    <animate id="pulse" attributeName="opacity" 
             values="0.3;1;0.3" 
             dur="1.5s" 
             repeatCount="indefinite"/>
  </defs>
  
  <!-- Фоновое свечение -->
  <circle cx="100" cy="100" r="80" fill="url(#glowGradient)" opacity="0.4">
    <animate attributeName="r" 
             values="75;85;75" 
             dur="2s" 
             repeatCount="indefinite"/>
  </circle>
  
  <!-- Основной щит -->
  <path d="M 100 30 
           C 100 30, 140 35, 140 35
           C 140 35, 145 80, 145 100
           C 145 120, 140 140, 130 155
           C 120 170, 100 180, 100 180
           C 100 180, 80 170, 70 155
           C 60 140, 55 120, 55 100
           C 55 80, 60 35, 60 35
           C 60 35, 100 30, 100 30 Z"
        fill="url(#shieldGradient)"
        stroke="#00d4ff"
        stroke-width="2"
        filter="url(#glow)"/>
  
  <!-- Электрические разряды по краям -->
  <path d="M 100 30 L 105 40 L 100 45 L 110 55" 
        stroke="#00ffff" 
        stroke-width="1.5" 
        fill="none"
        opacity="0.7">
    <animate attributeName="opacity" 
             values="0.3;1;0.3;1;0.3" 
             dur="1.5s" 
             repeatCount="indefinite"/>
  </path>
  
  <path d="M 140 50 L 135 55 L 140 60 L 132 70" 
        stroke="#00ffff" 
        stroke-width="1.5" 
        fill="none"
        opacity="0.7">
    <animate attributeName="opacity" 
             values="1;0.3;1;0.3;1" 
             dur="1.5s" 
             repeatCount="indefinite"/>
  </path>
  
  <path d="M 60 50 L 65 55 L 60 60 L 68 70" 
        stroke="#00ffff" 
        stroke-width="1.5" 
        fill="none"
        opacity="0.7">
    <animate attributeName="opacity" 
             values="0.5;1;0.5;1;0.5" 
             dur="1.5s" 
             repeatCount="indefinite"/>
  </path>
  
  <!-- Внутреннее свечение -->
  <path d="M 100 45 
           C 100 45, 130 48, 130 48
           C 130 48, 133 85, 133 100
           C 133 115, 130 135, 122 147
           C 114 159, 100 167, 100 167
           C 100 167, 86 159, 78 147
           C 70 135, 67 115, 67 100
           C 67 85, 70 48, 70 48
           C 70 48, 100 45, 100 45 Z"
        fill="none"
        stroke="#00d4ff"
        stroke-width="1"
        opacity="0.5">
    <animate attributeName="opacity" 
             values="0.3;0.7;0.3" 
             dur="2s" 
             repeatCount="indefinite"/>
  </path>
  
  <!-- Текст VPN -->
  <text x="100" y="105" 
        font-family="Arial, sans-serif" 
        font-size="28" 
        font-weight="bold" 
        fill="#ffffff" 
        text-anchor="middle"
        stroke="#00d4ff"
        stroke-width="0.5">
    VPN
    <animate attributeName="fill-opacity" 
             values="0.8;1;0.8" 
             dur="2s" 
             repeatCount="indefinite"/>
  </text>
  
  <!-- Энергетические частицы -->
  <circle cx="85" cy="80" r="2" fill="#00ffff" opacity="0.8">
    <animate attributeName="cy" 
             values="80;120;80" 
             dur="3s" 
             repeatCount="indefinite"/>
    <animate attributeName="opacity" 
             values="0;0.8;0" 
             dur="3s" 
             repeatCount="indefinite"/>
  </circle>
  
  <circle cx="115" cy="90" r="2" fill="#00ffff" opacity="0.8">
    <animate attributeName="cy" 
             values="90;130;90" 
             dur="2.5s" 
             repeatCount="indefinite"/>
    <animate attributeName="opacity" 
             values="0;0.8;0" 
             dur="2.5s" 
             repeatCount="indefinite"/>
  </circle>
  
  <circle cx="100" cy="70" r="2" fill="#00ffff" opacity="0.8">
    <animate attributeName="cy" 
             values="70;110;70" 
             dur="2.8s" 
             repeatCount="indefinite"/>
    <animate attributeName="opacity" 
             values="0;0.8;0" 
             dur="2.8s" 
             repeatCount="indefinite"/>
  </circle>
</svg>