generated from Nicholai/astro-template
34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
import React from 'react';
|
|
|
|
export const Logo: React.FC<{ className?: string }> = ({ className = "h-12 w-12" }) => {
|
|
return (
|
|
<svg viewBox="0 0 100 120" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
|
|
{/* Female Symbol Base */}
|
|
<circle cx="50" cy="50" r="30" stroke="currentColor" strokeWidth="8" />
|
|
<line x1="50" y1="80" x2="50" y2="115" stroke="currentColor" strokeWidth="8" />
|
|
<line x1="30" y1="100" x2="70" y2="100" stroke="currentColor" strokeWidth="8" />
|
|
|
|
{/* Witch Hat / Stylized Figure */}
|
|
<path
|
|
d="M20 50 L50 5 L80 50"
|
|
fill="currentColor"
|
|
stroke="currentColor"
|
|
strokeWidth="4"
|
|
strokeLinejoin="round"
|
|
/>
|
|
<path
|
|
d="M20 50 Q50 65 80 50"
|
|
stroke="currentColor"
|
|
strokeWidth="4"
|
|
fill="none"
|
|
/>
|
|
|
|
{/* Star Accent */}
|
|
<path
|
|
d="M65 25 L68 32 L75 32 L70 37 L72 44 L65 40 L58 44 L60 37 L55 32 L62 32 Z"
|
|
fill="#ED1C24"
|
|
className="text-brand-red"
|
|
/>
|
|
</svg>
|
|
);
|
|
}; |