import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useId } from 'react';
import { Icon } from "../../components/Icon.js";
export function NextJsLogoIcon(props) {
    const id0 = useId();
    const id1 = useId();
    return _jsx(Icon, { src: _jsxs("svg", { viewBox: "0 0 24 24", children: [_jsx("path", { d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10" }), _jsx("path", { fill: `url(#${id0})`, d: "M18.612 19.502 9.682 8H8v7.997h1.346V9.709l8.21 10.607q.556-.373 1.056-.814" }), _jsx("path", { fill: `url(#${id1})`, d: "M16.111 8h-1.333v8h1.333z" }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: id0, x1: 14.111, x2: 18.056, y1: 14.944, y2: 19.833, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#fff" }), _jsx("stop", { offset: 1, stopColor: "#fff", stopOpacity: 0 })] }), _jsxs("linearGradient", { id: id1, x1: 15.444, x2: 15.422, y1: 8, y2: 13.875, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#fff" }), _jsx("stop", { offset: 1, stopColor: "#fff", stopOpacity: 0 })] })] })] }), "data-name": "NextJsLogo", ...props });
}
//# sourceMappingURL=NextJsLogoIcon.js.map