AkurAI-Platform / frontend/img/icons/monitor.svg

Latest change a2b23f85a297c4f27a22b851940de392b7d09b1e - feat: replace suite tile placeholder icons with real squircle app icons by Olafur Bui

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024" role="img" aria-labelledby="title desc">
  <title id="title">AkurAI Monitor icon - dark</title>
  <desc id="desc">Dark app icon for Monitor: Status monitor.</desc>
  <defs>
  <path id="squircle" d="M512 56 C681 56 775 56 843 105 C908 152 934 214 956 330 C971 409 971 615 956 694 C934 810 908 872 843 919 C775 968 681 968 512 968 C343 968 249 968 181 919 C116 872 90 810 68 694 C53 615 53 409 68 330 C90 214 116 152 181 105 C249 56 343 56 512 56Z"/>

  <clipPath id="clip">
    <use href="#squircle"/>
  </clipPath>
  <linearGradient id="baseGrad" x1="184" y1="68" x2="840" y2="962" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#352F31"/>
    <stop offset="0.45" stop-color="#1C191B"/>
    <stop offset="1" stop-color="#130C0C"/>
  </linearGradient>
  <linearGradient id="topSheen" x1="512" y1="56" x2="512" y2="430" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#FFFFFF" stop-opacity="0.18"/>
    <stop offset="0.72" stop-color="#FFFFFF" stop-opacity="0"/>
  </linearGradient>
  <linearGradient id="bottomShade" x1="512" y1="606" x2="512" y2="968" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#000000" stop-opacity="0"/>
    <stop offset="1" stop-color="#000000" stop-opacity="0.28"/>
  </linearGradient>
  <radialGradient id="accentBloom" cx="790" cy="784" r="560" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#E87070" stop-opacity="0.36"/>
    <stop offset="0.45" stop-color="#E03C3C" stop-opacity="0.1512"/>
    <stop offset="1" stop-color="#C22121" stop-opacity="0"/>
  </radialGradient>
  <linearGradient id="edgeStroke" x1="512" y1="56" x2="512" y2="968" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#FFFFFF" stop-opacity="0.62"/>
    <stop offset="0.52" stop-color="#FFFFFF" stop-opacity="0.06"/>
    <stop offset="1" stop-color="#000000" stop-opacity="0.38"/>
  </linearGradient>
  <linearGradient id="glyphGrad" x1="512" y1="192" x2="512" y2="832" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#FFFFFF"/>
    <stop offset="0.52" stop-color="#F6E9E7"/>
    <stop offset="1" stop-color="#D3CDC4"/>
  </linearGradient>
  <linearGradient id="furrowGrad" x1="354" y1="604" x2="670" y2="604" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#4CCDB4"/>
    <stop offset="1" stop-color="#00B894"/>
  </linearGradient>
  <filter id="outerShadow" x="-72" y="-52" width="1168" height="1172" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
    <feGaussianBlur in="SourceAlpha" stdDeviation="24" result="blur"/>
    <feOffset in="blur" dy="24" result="offset"/>
    <feFlood flood-color="#000000" flood-opacity="0.32" result="color"/>
    <feComposite in="color" in2="offset" operator="in"/>
  </filter>
  <filter id="glyphLift" x="-28%" y="-28%" width="156%" height="172%" color-interpolation-filters="sRGB">
    <feGaussianBlur in="SourceAlpha" stdDeviation="8" result="blur"/>
    <feOffset in="blur" dy="9" result="offset"/>
    <feFlood flood-color="#DC2626" flood-opacity="0.46" result="color"/>
    <feComposite in="color" in2="offset" operator="in" result="shadow"/>
    <feMerge>
      <feMergeNode in="shadow"/>
      <feMergeNode in="SourceGraphic"/>
    </feMerge>
  </filter>
  <filter id="glyphGlow" x="-36%" y="-36%" width="172%" height="172%" color-interpolation-filters="sRGB">
    <feGaussianBlur stdDeviation="16"/>
  </filter>
  </defs>

  <use href="#squircle" fill="#000000" filter="url(#outerShadow)"/>
  <g clip-path="url(#clip)">
    <use href="#squircle" fill="url(#baseGrad)"/>
    <circle cx="790" cy="782" r="560" fill="url(#accentBloom)"/>
    <ellipse cx="512" cy="82" rx="488" ry="250" fill="url(#topSheen)"/>
    <rect x="56" y="604" width="912" height="364" fill="url(#bottomShade)"/>
    <path d="M112 268C154 136 266 86 512 86s358 50 400 182" fill="none" stroke="#FFFFFF" stroke-width="7" stroke-linecap="round" opacity="0.12"/>
  </g>
  <use href="#squircle" fill="none" stroke="url(#edgeStroke)" stroke-width="2.4"/>
  <g transform="translate(192 192) scale(20)" filter="url(#glyphGlow)" opacity="0.28">
    <path d="M5 6h22a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Zm2 4v11h18V10H7Z" fill="#DC2626" fill-rule="evenodd" clip-rule="evenodd"/>
    <path d="M8.5 14.3h3.8l2.3-4.5a1.4 1.4 0 0 1 2.5.1l2.8 6.7.9-2.2a1.4 1.4 0 0 1 1.3-.9h1.4v3.2H23l-1.8 4.5a1.4 1.4 0 0 1-2.6 0l-2.9-7-1 2.1a1.4 1.4 0 0 1-1.3.8H8.5v-2.8Z" fill="#DC2626"/>
  </g>
  <g transform="translate(192 192) scale(20)" filter="url(#glyphLift)" shape-rendering="geometricPrecision">
    <path d="M5 6h22a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Zm2 4v11h18V10H7Z" fill="url(#glyphGrad)" fill-rule="evenodd" clip-rule="evenodd"/>
    <path d="M8.5 14.3h3.8l2.3-4.5a1.4 1.4 0 0 1 2.5.1l2.8 6.7.9-2.2a1.4 1.4 0 0 1 1.3-.9h1.4v3.2H23l-1.8 4.5a1.4 1.4 0 0 1-2.6 0l-2.9-7-1 2.1a1.4 1.4 0 0 1-1.3.8H8.5v-2.8Z" fill="url(#glyphGrad)"/>
  </g>
</svg>