Menu
Public repository / 76f58dc21068ab7c01c75e65fe305d1b913124fb
AkurAI-Mail / static/favicon.svg
Latest change 9a2a0a17fb05f2d54b50a225535f5feb69e6dfd5 - feat: add AkurAI favicon, apple-touch-icon, and logo mark to login pages by Ólafur Búi Ólafsson
<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 Mail adaptive favicon</title>
<desc id="desc">Theme-adaptive SVG favicon for Mail.</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="#FBFDFE"/>
<stop offset="0.45" stop-color="#EAF1F5"/>
<stop offset="1" stop-color="#CDDEE6"/>
</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="#8EAEF5" stop-opacity="0.18"/>
<stop offset="0.45" stop-color="#3F76ED" stop-opacity="0.0756"/>
<stop offset="1" stop-color="#1D4DB7" 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="#4C7FEF"/>
<stop offset="0.52" stop-color="#2563EB"/>
<stop offset="1" stop-color="#1B47A9"/>
</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="#0A1C42" 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="#2B333C"/>
<stop offset="0.45" stop-color="#161C22"/>
<stop offset="1" stop-color="#090F17"/>
</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="#6F98F2" stop-opacity="0.36"/>
<stop offset="0.45" stop-color="#3B73ED" stop-opacity="0.1512"/>
<stop offset="1" stop-color="#2157CF" 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="#E4F0FB"/>
<stop offset="1" stop-color="#B4D7E6"/>
</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="#2563EB" 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="M6.5 7h19A2.5 2.5 0 0 1 28 9.5v13a2.5 2.5 0 0 1-2.5 2.5h-19A2.5 2.5 0 0 1 4 22.5v-13A2.5 2.5 0 0 1 6.5 7ZM8 10v12h16V10H8Z" fill="url(#glyphGrad-light)" fill-rule="evenodd" clip-rule="evenodd"/>
<path d="m6.7 10.1 9.3 7.1 9.3-7.1 1.9 2.5-10.1 7.6a1.8 1.8 0 0 1-2.2 0L4.8 12.6l1.9-2.5Z" 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="M6.5 7h19A2.5 2.5 0 0 1 28 9.5v13a2.5 2.5 0 0 1-2.5 2.5h-19A2.5 2.5 0 0 1 4 22.5v-13A2.5 2.5 0 0 1 6.5 7ZM8 10v12h16V10H8Z" fill="#2563EB" fill-rule="evenodd" clip-rule="evenodd"/>
<path d="m6.7 10.1 9.3 7.1 9.3-7.1 1.9 2.5-10.1 7.6a1.8 1.8 0 0 1-2.2 0L4.8 12.6l1.9-2.5Z" fill="#2563EB"/>
</g>
<g transform="translate(192 192) scale(20)" filter="url(#glyphLift-dark)" shape-rendering="geometricPrecision">
<path d="M6.5 7h19A2.5 2.5 0 0 1 28 9.5v13a2.5 2.5 0 0 1-2.5 2.5h-19A2.5 2.5 0 0 1 4 22.5v-13A2.5 2.5 0 0 1 6.5 7ZM8 10v12h16V10H8Z" fill="url(#glyphGrad-dark)" fill-rule="evenodd" clip-rule="evenodd"/>
<path d="m6.7 10.1 9.3 7.1 9.3-7.1 1.9 2.5-10.1 7.6a1.8 1.8 0 0 1-2.2 0L4.8 12.6l1.9-2.5Z" fill="url(#glyphGrad-dark)"/>
</g>
</g>
</svg>