cryptolinx_logo

cryptolinx_logo.svg

<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 190.09 180.62">
  <defs>
    <style>
      .cls-5 {
        fill: #404663;
      }

      .animate-path {
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        animation: draw 2s, reset 2s;
        animation-iteration-count: infinite;
      }

      @keyframes draw {
        to {
          stroke-dashoffset: 0;
        }
      }

      @keyframes reset {
        0% {
          stroke-dashoffset: 0;
        }

        100% {
          stroke-dashoffset: 1000;
        }
      }

      .delay-1 {
        animation-delay: 0s !important;
      }

      .delay-2 {
        animation-delay: 0.6s !important;
      }

      .delay-3 {
        animation-delay: 2.5s;
      }

      .delay-4 {
        animation-delay: 3.5s;
      }

      .delay-5 {
        animation-delay: 5s;
      }

      .animate-fill {
        fill-opacity: 0;
        /*************  ✨ Codeium Command 🌟  *************/
        /* This animation will fill in the SVG path from start to finish over the course of 1.5 seconds, and then stay in that state (due to "forwards"). */
        animation: fillIn 1.5s forwards;
        /******  91a922fb-df13-4bfc-92e5-847b9fe4ee32  *******/
        animation-delay: 2s;
      }

      @keyframes fillIn {
        to {
          fill-opacity: 1;
        }
      }

      .pulse {
        animation: pulse 2s infinite;
      }

      @keyframes pulse {

        0%,
        100% {
          transform: scale(1);
        }

        50% {
          transform: scale(1.05);
        }
      }

      .glow {
        filter: url(#glow);
      }
    </style>

    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur stdDeviation="2.5" result="coloredBlur" />
      <feMerge>
        <feMergeNode in="coloredBlur" />
        <feMergeNode in="SourceGraphic" />
      </feMerge>
    </filter>
  </defs>

  <path class="animate-path animate-fill delay-1 glow" style="fill:#8877bc; stroke: #8877bc; stroke-width: 2;"
    d="M166.76 139.03v18.04h-30.47l-28.25-66.76.01-.04-12.7-29.95v.01l-1.33-3.16-.03-.07H68.62l14.05 33.21-.01.03 19.25 45.35-.03.02 19 44.91h69.21v-41.59h-23.33z" />

  <path class="cls-5 animate-path animate-fill delay-2 glow" style="stroke: #404663; stroke-width: 2;"
    d="m115.08 73.67 21.21-50.13h30.47V125.9h23.33V0h-69.21l-18.5 43.73 12.7 29.94zM75.63 106.94l-21.21 50.13H23.33V23.54h31.09l8.67 20.5h25.37L69.83 0H0v180.62h69.83l18.51-43.75-12.71-29.93z" />
</svg>