import type { ComponentProps } from "react";
/**
* Inline SVG marks exported from the Figma "Portfolio" library.
* All paths use currentColor so they follow --text across themes.
* Glyphs that don't fill the 16×16 design box keep their Figma offsets
* via a transform, so the outer box stays uniform for layout.
*/
type IconProps = ComponentProps<"svg">;
function iconDefaults(props: IconProps): IconProps {
return { "aria-hidden": true, focusable: false, fill: "currentColor", ...props };
}
/** Spiral-D brand mark (32×32). */
export function LogoMark(props: IconProps) {
return (
);
}
export function LinkedInIcon(props: IconProps) {
return (
);
}
/** Sun ("light-mode"). */
export function SunIcon(props: IconProps) {
return (
);
}
/** Moon ("dark-mode") — glyph is 14.8×16, kept at its designed x-offset. */
export function MoonIcon(props: IconProps) {
return (
);
}
/** Cloud ("cloud-on") — glyph is 16×11.2, vertically centered per the design. */
export function CloudIcon(props: IconProps) {
return (
);
}
/** Close ("×") — two 1.6px strokes crossing the 16×16 box, drawn as one
* filled path so it takes currentColor like every other mark here. */
export function CloseIcon(props: IconProps) {
return (
);
}
/** Crossed-out cloud ("cloud-off"). */
export function CloudOffIcon(props: IconProps) {
return (
);
}