42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
interface LogoMarkProps {
|
|
className?: string;
|
|
}
|
|
|
|
/**
|
|
* The ksan.dev "Kd" monogram — two vertical bars (the K stem and d ascender)
|
|
* with the K's arms and the d's bowl in brand purple. Geometry is taken
|
|
* directly from the source artwork (kd.svg) and shared with app/icon.svg and
|
|
* app/[locale]/opengraph-image.tsx so every surface uses the same mark.
|
|
*
|
|
* The bars use `currentColor` (pass a text color via `className`, e.g.
|
|
* "text-white"); the arms/bowl are fixed to the brand purple.
|
|
*/
|
|
export function LogoMark({ className }: LogoMarkProps) {
|
|
return (
|
|
<svg
|
|
viewBox="0 0 135.46666 135.46667"
|
|
fill="currentColor"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
className={className}
|
|
aria-hidden="true"
|
|
>
|
|
{/* K stem */}
|
|
<rect x="10.583333" y="8.20364" width="13.804729" height="118.32624" />
|
|
{/* d ascender */}
|
|
<rect x="112.60719" y="8.2020836" width="13.804729" height="118.32624" />
|
|
{/* K arms */}
|
|
<path
|
|
fill="#a78bfa"
|
|
d="M 24.392675,67.364089 66.876115,126.5268 H 80.680844 L 38.057204,67.366755 80.677942,8.2059598 66.876115,8.2020832 Z"
|
|
/>
|
|
{/* d bowl */}
|
|
<path
|
|
fill="#a78bfa"
|
|
d="M 112.28492,126.5237 98.48174,126.5257 71.437499,88.862363 98.48174,51.458843 h 13.80472 L 85.153597,88.860364 Z"
|
|
/>
|
|
</svg>
|
|
);
|
|
}
|
|
|
|
export default LogoMark;
|