@nexusui/branding
Version:
This package contains branding elements for NexusUI applications, including logos for each unique product line. These icons work the same as basic SVG icons in React.
8 lines (5 loc) • 7.46 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgCradleCfd = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#cradle-cfd_svg__a)", children: [jsx("path", { fill: "#fff", d: "M0 16.25C0 7.277 7.277 0 16.25 0h19.5C44.723 0 52 7.277 52 16.25v19.5C52 44.723 44.723 52 35.75 52h-19.5C7.277 52 0 44.723 0 35.75v-19.5Z" }), jsx("path", { fill: "#FADC4A", d: "M0 16.25C0 7.277 7.277 0 16.25 0h19.5C44.723 0 52 7.277 52 16.25v19.5C52 44.723 44.723 52 35.75 52h-19.5C7.277 52 0 44.723 0 35.75v-19.5Z" }), jsx("path", { fill: "#0D0D0D", d: "m7.21 24.797 6.262-3.616 6.267 3.616L26 21.18l6.261 3.616 6.267-3.616 6.261 3.616v6.022l-6.261-3.616-6.267 3.616L26 27.203l-6.261 3.616-6.267-3.616-6.261 3.616v-6.022Z" }), jsx("path", { fill: "#000", d: "M19.739 38.056 26 34.44l6.261 3.616 6.267-3.616v-6.028l-6.267 3.616-6.26-3.616-6.262 3.616v6.028Z" }), jsx("path", { fill: "#0D0D0D", d: "M13.472 13.944v6.028l6.267 3.616 6.26-3.616 6.262 3.616v-6.023L26 13.945l-6.261 3.62-6.267-3.62Z" }), jsx("path", { fill: "url(#cradle-cfd_svg__b)", d: "M13.472 27.203 7.211 30.82v-6.022l6.261-3.616", opacity: 0.16 }), jsx("path", { fill: "url(#cradle-cfd_svg__c)", d: "m32.261 38.056 6.267-3.616v-6.028l-6.267 3.616", opacity: 0.16 }), jsx("path", { fill: "url(#cradle-cfd_svg__d)", d: "M19.739 23.588 26 19.972h-.005v-6.028H26l-6.261 3.621", opacity: 0.16 }), jsx("path", { fill: "url(#cradle-cfd_svg__e)", d: "m19.739 17.565-6.267-3.62v6.027l6.267 3.616", opacity: 0.72 }), jsx("path", { fill: "url(#cradle-cfd_svg__f)", d: "m26 19.972 6.261 3.616v-6.023L26 13.945", opacity: 0.32 }), jsx("path", { fill: "url(#cradle-cfd_svg__g)", d: "m19.739 30.82-6.267-3.617.015.016V21.19l-.015-.01 6.267 3.616", opacity: 0.72 }), jsx("path", { fill: "url(#cradle-cfd_svg__h)", d: "M26 27.203 19.74 30.82v-6.022L26 21.18v6.022Z", opacity: 0.16 }), jsx("path", { fill: "url(#cradle-cfd_svg__i)", d: "M32.261 30.82 26 27.202v-6.022l6.261 3.616", opacity: 0.56 }), jsx("path", { fill: "url(#cradle-cfd_svg__j)", d: "m38.528 21.18 6.261 3.617v6.022l-6.261-3.616", opacity: 0.4 }), jsx("path", { fill: "url(#cradle-cfd_svg__k)", d: "m32.261 24.797 6.267-3.616v6.022L32.26 30.82", opacity: 0.16 }), jsx("path", { fill: "url(#cradle-cfd_svg__l)", d: "m26 28.412-6.261 3.616v6.028L26 34.44", opacity: 0.16 }), jsx("path", { fill: "url(#cradle-cfd_svg__m)", d: "M32.261 32.028 26 28.412v6.028l6.261 3.616", opacity: 0.24 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "cradle-cfd_svg__b", x1: 7.402, x2: 13.283, y1: 24.436, y2: 27.564, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#FADC4A" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "cradle-cfd_svg__c", x1: 32.453, x2: 38.335, y1: 31.668, y2: 34.796, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#FADC4A" }), jsx("stop", { offset: 0.017, stopColor: "#F6D949", stopOpacity: 0.984 }), jsx("stop", { offset: 0.503, stopColor: "#91812F", stopOpacity: 0.524 }), jsx("stop", { offset: 0.841, stopColor: "#524A1E", stopOpacity: 0.205 }), jsx("stop", { offset: 1, stopColor: "#393418", stopOpacity: 0.054 })] }), jsxs("linearGradient", { id: "cradle-cfd_svg__d", x1: 19.928, x2: 25.81, y1: 17.204, y2: 20.332, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#FADC4A" }), jsx("stop", { offset: 0.215, stopColor: "#C5AD3C", stopOpacity: 0.785 }), jsx("stop", { offset: 0.76, stopColor: "#423B1B", stopOpacity: 0.24 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "cradle-cfd_svg__e", x1: 13.474, x2: 19.737, y1: 18.768, y2: 18.768, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#FADC4A" }), jsx("stop", { offset: 0.215, stopColor: "#C5AD3C", stopOpacity: 0.785 }), jsx("stop", { offset: 0.76, stopColor: "#423B1B", stopOpacity: 0.24 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "cradle-cfd_svg__f", x1: 24.692, x2: 33.571, y1: 16.407, y2: 21.129, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#FADC4A" }), jsx("stop", { offset: 0.215, stopColor: "#C5AD3C", stopOpacity: 0.785 }), jsx("stop", { offset: 0.76, stopColor: "#423B1B", stopOpacity: 0.24 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "cradle-cfd_svg__g", x1: 12.166, x2: 21.045, y1: 23.639, y2: 28.361, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#FADC4A" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "cradle-cfd_svg__h", x1: 19.928, x2: 25.809, y1: 24.436, y2: 27.564, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#FADC4A" }), jsx("stop", { offset: 0.215, stopColor: "#C5AD3C", stopOpacity: 0.785 }), jsx("stop", { offset: 0.76, stopColor: "#423B1B", stopOpacity: 0.24 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "cradle-cfd_svg__i", x1: 24.692, x2: 33.571, y1: 23.639, y2: 28.361, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#FADC4A" }), jsx("stop", { offset: 0.215, stopColor: "#C5AD3C", stopOpacity: 0.785 }), jsx("stop", { offset: 0.76, stopColor: "#423B1B", stopOpacity: 0.24 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "cradle-cfd_svg__j", x1: 37.218, x2: 46.097, y1: 23.64, y2: 28.361, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#FADC4A" }), jsx("stop", { offset: 0.215, stopColor: "#C5AD3C", stopOpacity: 0.785 }), jsx("stop", { offset: 0.76, stopColor: "#423B1B", stopOpacity: 0.24 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "cradle-cfd_svg__k", x1: 32.454, x2: 38.335, y1: 24.436, y2: 27.564, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#FADC4A" }), jsx("stop", { offset: 0.215, stopColor: "#C5AD3C", stopOpacity: 0.785 }), jsx("stop", { offset: 0.76, stopColor: "#423B1B", stopOpacity: 0.24 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "cradle-cfd_svg__l", x1: 19.928, x2: 25.809, y1: 31.668, y2: 34.796, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#FADC4A" }), jsx("stop", { offset: 0.017, stopColor: "#F6D949", stopOpacity: 0.984 }), jsx("stop", { offset: 0.503, stopColor: "#91812F", stopOpacity: 0.524 }), jsx("stop", { offset: 0.841, stopColor: "#524A1E", stopOpacity: 0.205 }), jsx("stop", { offset: 1, stopColor: "#393418", stopOpacity: 0.054 })] }), jsxs("linearGradient", { id: "cradle-cfd_svg__m", x1: 24.692, x2: 33.571, y1: 30.871, y2: 35.593, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#FADC4A" }), jsx("stop", { offset: 0.017, stopColor: "#F6D949", stopOpacity: 0.984 }), jsx("stop", { offset: 0.503, stopColor: "#91812F", stopOpacity: 0.524 }), jsx("stop", { offset: 0.841, stopColor: "#524A1E", stopOpacity: 0.205 }), jsx("stop", { offset: 1, stopColor: "#393418", stopOpacity: 0.054 })] }), jsx("clipPath", { id: "cradle-cfd_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgCradleCfd);
export { Memo as default };