patx/afterdarklabs

root / docs / logo_assets / mark-animated.svg [View Raw] 
<svg width="256" height="256" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="After Dark Labs orbit mark, animated">
  <style>
    @keyframes adl-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.55; } }
    @keyframes adl-drift { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
    .adl-orbit { transform-origin: 32px 32px; animation: adl-drift 40s linear infinite; }
    .adl-fly { animation: adl-pulse 3.2s ease-in-out infinite; }
    @media (prefers-reduced-motion: reduce) { .adl-orbit, .adl-fly { animation: none; } }
  </style>
  <circle cx="32" cy="32" r="19" stroke="#ccff00" stroke-width="2.4" stroke-dasharray="0.5 7" stroke-linecap="round" opacity="0.7"/>
  <g class="adl-orbit"><circle class="adl-fly" cx="45.4" cy="18.6" r="6" fill="#ccff00"/></g>
</svg>