Initial commit
This commit is contained in:
@@ -0,0 +1,41 @@
|
||||
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;
|
||||
Reference in New Issue
Block a user