DebTik/internal/web/static/debtik-emblem.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none">
  <defs>
    <linearGradient id="debGradEmblem" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#ff2a6d" />
      <stop offset="100%" stop-color="#d70a53" />
    </linearGradient>
    <linearGradient id="tikGradEmblem" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#38bdf8" />
      <stop offset="100%" stop-color="#0284c7" />
    </linearGradient>
    <linearGradient id="shieldBorder" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#ff2a6d" stop-opacity="0.9"/>
      <stop offset="100%" stop-color="#38bdf8" stop-opacity="0.9"/>
    </linearGradient>
    <filter id="glowEmblem" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur stdDeviation="1.8" result="blur" />
      <feComposite in="SourceGraphic" in2="blur" operator="over" />
    </filter>
  </defs>

  <rect x="4" y="4" width="56" height="56" rx="16" fill="#0f172a" stroke="url(#shieldBorder)" stroke-width="2" />

  <!-- Networking Circuit & Nodes -->
  <path d="M8 32h12M44 32h12M32 8v12M32 44v12" stroke="#334155" stroke-width="1.8" stroke-linecap="round" />
  
  <!-- Debian Swirl -->
  <path d="M 28 17 
           C 37 16, 46 22, 46 32 
           C 46 41, 38 48, 29 48 
           C 20 48, 15 40, 16 32 
           C 17 25, 23 22, 29 23 
           C 34 24, 36 29, 35 33 
           C 34 37, 30 38, 28 37 
           C 26 36, 26 34, 27 32" 
        fill="none" 
        stroke="url(#debGradEmblem)" 
        stroke-width="3.5" 
        stroke-linecap="round" 
        filter="url(#glowEmblem)" />

  <!-- Router Arrow Cross (MikroTik Cross) -->
  <path d="M 24 32 L 40 32 M 32 24 L 32 40" stroke="#ffffff" stroke-width="2.2" stroke-linecap="round" />
  <polygon points="40,32 36,29 36,35" fill="#38bdf8" />
  <polygon points="24,32 28,29 28,35" fill="#ff2a6d" />
  <polygon points="32,24 29,28 35,28" fill="#38bdf8" />
  <polygon points="32,40 29,36 35,36" fill="#ff2a6d" />

  <!-- Dots -->
  <circle cx="8" cy="32" r="2.5" fill="#38bdf8" />
  <circle cx="56" cy="32" r="2.5" fill="#ff2a6d" />
  <circle cx="32" cy="8" r="2.5" fill="#38bdf8" />
  <circle cx="32" cy="56" r="2.5" fill="#ff2a6d" />
</svg>