multi-platform-media-manage/client/public/favicon.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
  <defs>
    <linearGradient id="app-bg" x1="88" y1="64" x2="424" y2="456" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#232833"/>
      <stop offset="1" stop-color="#11151C"/>
    </linearGradient>
    <linearGradient id="app-accent" x1="154" y1="118" x2="358" y2="380" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#FF9852"/>
      <stop offset="0.58" stop-color="#FF6B1A"/>
      <stop offset="1" stop-color="#F04E00"/>
    </linearGradient>
    <linearGradient id="app-cyan" x1="104" y1="104" x2="408" y2="408" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#2FE7C4"/>
      <stop offset="1" stop-color="#18A6FF"/>
    </linearGradient>
    <filter id="app-shadow" x="-20%" y="-20%" width="140%" height="150%" color-interpolation-filters="sRGB">
      <feDropShadow dx="0" dy="18" stdDeviation="20" flood-color="#05070A" flood-opacity="0.34"/>
    </filter>
  </defs>

  <rect x="32" y="32" width="448" height="448" rx="108" fill="url(#app-bg)"/>
  <path d="M76 380C142 422 230 444 320 428C382 417 430 386 480 342V372C480 431.6 431.6 480 372 480H140C80.4 480 32 431.6 32 372V330C46 348 60 365 76 380Z" fill="#070A0F" opacity="0.28"/>

  <g fill="#262C37" opacity="0.95">
    <rect x="72" y="108" width="92" height="92" rx="28"/>
    <rect x="348" y="108" width="92" height="92" rx="28"/>
    <rect x="72" y="312" width="92" height="92" rx="28"/>
    <rect x="348" y="312" width="92" height="92" rx="28"/>
  </g>

  <g fill="none" stroke-linecap="round" stroke-width="18">
    <path d="M152 162L210 210" stroke="#FF7A2A" opacity="0.78"/>
    <path d="M360 162L302 210" stroke="#FF7A2A" opacity="0.78"/>
    <path d="M152 350L210 302" stroke="#FF7A2A" opacity="0.78"/>
    <path d="M360 350L302 302" stroke="url(#app-cyan)" opacity="0.72"/>
  </g>

  <g filter="url(#app-shadow)">
    <rect x="148" y="132" width="216" height="248" rx="58" fill="url(#app-accent)"/>
    <rect x="180" y="166" width="116" height="20" rx="10" fill="#FFFFFF" opacity="0.28"/>
    <rect x="180" y="326" width="152" height="20" rx="10" fill="#FFFFFF" opacity="0.55"/>
    <rect x="180" y="356" width="90" height="14" rx="7" fill="#FFFFFF" opacity="0.28"/>
    <path d="M225 211V301L307 256L225 211Z" fill="#FFFFFF"/>
  </g>

  <g>
    <circle cx="118" cy="154" r="24" fill="#FF7A2A"/>
    <circle cx="394" cy="154" r="24" fill="#FFD166"/>
    <circle cx="118" cy="358" r="24" fill="#FFFFFF" opacity="0.92"/>
    <circle cx="394" cy="358" r="24" fill="url(#app-cyan)"/>
    <circle cx="118" cy="154" r="9" fill="#FFFFFF" opacity="0.84"/>
    <circle cx="394" cy="154" r="9" fill="#171A21" opacity="0.72"/>
    <circle cx="118" cy="358" r="9" fill="#FF5C00" opacity="0.9"/>
    <circle cx="394" cy="358" r="9" fill="#FFFFFF" opacity="0.88"/>
  </g>
</svg>