AIvoices/frontend-nextjs/app/components/StarmoonLogo.tsx
2025-04-08 14:05:27 +01:00

72 lines
2.3 KiB
TypeScript

import React, { SVGProps } from "react";
const StarmoonLogo: React.FC<SVGProps<SVGSVGElement>> = (props) => (
<svg
id="Layer_2"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 169.121 169.1211"
{...props}
>
<defs>
<style>
{`.cls-1 {
fill: #fff;
stroke: #fff;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2px;
}
.cls-2 {
fill: #ffc038;
}
.cls-3 {
fill: #ffd358;
}
.cls-4 {
clip-path: url(#clippath);
}`}
</style>
<clipPath id="clippath">
<path
className="cls-3"
d="M84.5606,0c-6.9124,0-13.6237.8486-20.0545,2.4133,37.0173,9.0068,64.506,42.3582,64.506,82.1473s-27.4887,73.1405-64.506,82.1472c6.4308,1.5647,13.1421,2.4133,20.0545,2.4133,46.7014,0,84.5604-37.8591,84.5604-84.5605S131.262,0,84.5606,0Z"
/>
</clipPath>
</defs>
<g id="Layer_8">
<g>
<g>
<circle
cx="84.5605"
cy="84.5606"
r="84.5605"
transform="translate(-35.0262 84.5605) rotate(-45)"
/>
<g>
<path
className="cls-3"
d="M84.5606,0c-6.9124,0-13.6237.8486-20.0545,2.4133,37.0173,9.0068,64.506,42.3582,64.506,82.1473s-27.4887,73.1405-64.506,82.1472c6.4308,1.5647,13.1421,2.4133,20.0545,2.4133,46.7014,0,84.5604-37.8591,84.5604-84.5605S131.262,0,84.5606,0Z"
/>
<g className="cls-4">
<circle className="cls-2" cx="84.5605" cy="84.5606" r="84.5605" />
</g>
</g>
</g>
<path
className="cls-1"
d="M93.0608,93.2918c-27.7719,6.8009-33.2855,12.3138-40.0864,40.0859-6.8009-27.772-12.3138-33.285-40.0859-40.0859,27.772-6.8009,33.2849-12.3138,40.0859-40.0858,6.8009,27.7719,12.3145,33.2848,40.0864,40.0858Z"
/>
<path
className="cls-1"
d="M108.5626,52.2841c-11.3849,2.788-13.6451,5.048-16.4331,16.4328-2.788-11.3849-5.048-13.6449-16.4328-16.4328,11.3849-2.788,13.6449-5.048,16.4328-16.4328,2.788,11.3849,5.0482,13.6448,16.4331,16.4328Z"
/>
</g>
</g>
</svg>
);
export default StarmoonLogo;