Newer
Older
smart-home-server / server / dist / favicon.svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
  <defs>
    <linearGradient id="favGradPurple" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#6366f1"/>
      <stop offset="100%" style="stop-color:#8b5cf6"/>
    </linearGradient>
    <linearGradient id="favGradOrange" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#f97316"/>
      <stop offset="100%" style="stop-color:#fb923c"/>
    </linearGradient>
    <linearGradient id="favGradTeal" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#14b8a6"/>
      <stop offset="100%" style="stop-color:#2dd4bf"/>
    </linearGradient>
  </defs>

  <!-- Rounded square background -->
  <rect x="8" y="8" width="48" height="48" rx="12" fill="#1e1b4b"/>

  <!-- Isometric cube -->
  <g transform="translate(32, 32) scale(0.7)">
    <path d="M0 -26 L23 -13 L0 0 L-23 -13 Z"
          fill="url(#favGradPurple)"
          stroke="#4338ca"
          stroke-width="1"/>
    <path d="M23 -13 L23 13 L0 26 L0 0 Z"
          fill="#6366f1"
          stroke="#4338ca"
          stroke-width="1"/>
    <path d="M-23 -13 L0 0 L0 26 L-23 13 Z"
          fill="#8b5cf6"
          stroke="#4338ca"
          stroke-width="1"/>
  </g>

  <!-- Orbiting dots -->
  <circle cx="32" cy="16" r="3.5" fill="url(#favGradOrange)"/>
  <circle cx="48" cy="32" r="3.5" fill="url(#favGradTeal)"/>
  <circle cx="32" cy="48" r="3.5" fill="url(#favGradOrange)"/>
  <circle cx="16" cy="32" r="3.5" fill="url(#favGradTeal)"/>

  <!-- Orbit ring -->
  <ellipse cx="32" cy="32" rx="16" ry="16" fill="none" stroke="#4338ca" stroke-width="1" opacity="0.4"/>
</svg>