AkurAI-CRM / site/frontend/favicon.svg

Latest change 894561ad23177407e32b24a140bf82962b5eb3d4 - frontend: add AkurAI brand mark SVG, favicon assets, gradient icon styles by Ólafur B. J.

<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 CRM adaptive favicon</title>
  <desc id="desc">Theme-adaptive SVG favicon for CRM.</desc>
  <style>
    .dark-art { display: none; }
    @media (prefers-color-scheme: dark) {
      .light-art { display: none; }
      .dark-art { display: inline; }
    }
  </style>
  <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-light">
    <use href="#squircle"/>
  </clipPath>
  <linearGradient id="baseGrad-light" x1="184" y1="68" x2="840" y2="962" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#FDFBFB"/>
    <stop offset="0.45" stop-color="#F1ECED"/>
    <stop offset="1" stop-color="#DBD7D6"/>
  </linearGradient>
  <linearGradient id="topSheen-light" x1="512" y1="56" x2="512" y2="430" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#FFFFFF" stop-opacity="0.92"/>
    <stop offset="0.72" stop-color="#FFFFFF" stop-opacity="0"/>
  </linearGradient>
  <linearGradient id="bottomShade-light" 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.12"/>
  </linearGradient>
  <radialGradient id="accentBloom-light" cx="790" cy="784" r="560" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#DD849A" stop-opacity="0.18"/>
    <stop offset="0.45" stop-color="#C62E53" stop-opacity="0.0756"/>
    <stop offset="1" stop-color="#940E2F" stop-opacity="0"/>
  </radialGradient>
  <linearGradient id="edgeStroke-light" 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="#0B1A14" stop-opacity="0.11"/>
  </linearGradient>
  <linearGradient id="glyphGrad-light" x1="512" y1="192" x2="512" y2="832" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#CA3D5F"/>
    <stop offset="0.52" stop-color="#BE123C"/>
    <stop offset="1" stop-color="#890D2B"/>
  </linearGradient>
  <linearGradient id="furrowGrad-light" x1="354" y1="604" x2="670" y2="604" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#24C2A3"/>
    <stop offset="1" stop-color="#0E9F6E"/>
  </linearGradient>
  <filter id="outerShadow-light" 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.18" result="color"/>
    <feComposite in="color" in2="offset" operator="in"/>
  </filter>
  <filter id="glyphLift-light" 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="#350511" flood-opacity="0.22" result="color"/>
    <feComposite in="color" in2="offset" operator="in" result="shadow"/>
    <feMerge>
      <feMergeNode in="shadow"/>
      <feMergeNode in="SourceGraphic"/>
    </feMerge>
  </filter>
  <filter id="glyphGlow-light" x="-36%" y="-36%" width="172%" height="172%" color-interpolation-filters="sRGB">
    <feGaussianBlur stdDeviation="16"/>
  </filter>

  <clipPath id="clip-dark">
    <use href="#squircle"/>
  </clipPath>
  <linearGradient id="baseGrad-dark" x1="184" y1="68" x2="840" y2="962" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#332E33"/>
    <stop offset="0.45" stop-color="#1B191C"/>
    <stop offset="1" stop-color="#110A0E"/>
  </linearGradient>
  <linearGradient id="topSheen-dark" 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-dark" 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-dark" cx="790" cy="784" r="560" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#D4637E" stop-opacity="0.36"/>
    <stop offset="0.45" stop-color="#C42A50" stop-opacity="0.1512"/>
    <stop offset="1" stop-color="#A71035" stop-opacity="0"/>
  </radialGradient>
  <linearGradient id="edgeStroke-dark" 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-dark" x1="512" y1="192" x2="512" y2="832" gradientUnits="userSpaceOnUse">
    <stop offset="0" stop-color="#FFFFFF"/>
    <stop offset="0.52" stop-color="#F3E7E9"/>
    <stop offset="1" stop-color="#CEC9C8"/>
  </linearGradient>
  <linearGradient id="furrowGrad-dark" 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-dark" 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-dark" 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="#BE123C" 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-dark" x="-36%" y="-36%" width="172%" height="172%" color-interpolation-filters="sRGB">
    <feGaussianBlur stdDeviation="16"/>
  </filter>
  </defs>
  <g class="light-art">

  <use href="#squircle" fill="#000000" filter="url(#outerShadow-light)"/>
  <g clip-path="url(#clip-light)">
    <use href="#squircle" fill="url(#baseGrad-light)"/>
    <circle cx="790" cy="782" r="560" fill="url(#accentBloom-light)"/>
    <ellipse cx="512" cy="82" rx="488" ry="250" fill="url(#topSheen-light)"/>
    <rect x="56" y="604" width="912" height="364" fill="url(#bottomShade-light)"/>
    <path d="M112 268C154 136 266 86 512 86s358 50 400 182" fill="none" stroke="#FFFFFF" stroke-width="7" stroke-linecap="round" opacity="0.42"/>
  </g>
  <use href="#squircle" fill="none" stroke="url(#edgeStroke-light)" stroke-width="2.4"/>
  <g transform="translate(192 192) scale(20)" filter="url(#glyphLift-light)" shape-rendering="geometricPrecision">
    <path d="M11 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm10 0a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-5 14a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" fill="url(#glyphGrad-light)"/>
    <path d="M12.8 13.8h6.4a1.6 1.6 0 0 1 0 3.2h-6.4a1.6 1.6 0 0 1 0-3.2Zm.6 5.4-3.2-4.1 2.5-1.9 3.2 4.1-2.5 1.9Zm5.2 0-2.5-1.9 3.2-4.1 2.5 1.9-3.2 4.1Z" fill="url(#glyphGrad-light)"/>
  </g>
  </g>
  <g class="dark-art">

  <use href="#squircle" fill="#000000" filter="url(#outerShadow-dark)"/>
  <g clip-path="url(#clip-dark)">
    <use href="#squircle" fill="url(#baseGrad-dark)"/>
    <circle cx="790" cy="782" r="560" fill="url(#accentBloom-dark)"/>
    <ellipse cx="512" cy="82" rx="488" ry="250" fill="url(#topSheen-dark)"/>
    <rect x="56" y="604" width="912" height="364" fill="url(#bottomShade-dark)"/>
    <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-dark)" stroke-width="2.4"/>
  <g transform="translate(192 192) scale(20)" filter="url(#glyphGlow-dark)" opacity="0.28">
    <path d="M11 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm10 0a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-5 14a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" fill="#BE123C"/>
    <path d="M12.8 13.8h6.4a1.6 1.6 0 0 1 0 3.2h-6.4a1.6 1.6 0 0 1 0-3.2Zm.6 5.4-3.2-4.1 2.5-1.9 3.2 4.1-2.5 1.9Zm5.2 0-2.5-1.9 3.2-4.1 2.5 1.9-3.2 4.1Z" fill="#BE123C"/>
  </g>
  <g transform="translate(192 192) scale(20)" filter="url(#glyphLift-dark)" shape-rendering="geometricPrecision">
    <path d="M11 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm10 0a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-5 14a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" fill="url(#glyphGrad-dark)"/>
    <path d="M12.8 13.8h6.4a1.6 1.6 0 0 1 0 3.2h-6.4a1.6 1.6 0 0 1 0-3.2Zm.6 5.4-3.2-4.1 2.5-1.9 3.2 4.1-2.5 1.9Zm5.2 0-2.5-1.9 3.2-4.1 2.5 1.9-3.2 4.1Z" fill="url(#glyphGrad-dark)"/>
  </g>
  </g>
</svg>