@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.
70 lines (67 loc) • 8.76 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgCradleXr = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 1024 1024", ...props, children: [jsxs("defs", { children: [jsxs("linearGradient", { id: "cradle-xr_svg__linear-gradient", x1: 649.69, x2: 731.65, y1: 360.67, y2: 218.72, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#f95b61" }), jsx("stop", { offset: 0, stopColor: "#f75a60" }), jsx("stop", { offset: 0.22, stopColor: "#b14347" }), jsx("stop", { offset: 0.42, stopColor: "#762f32" }), jsx("stop", { offset: 0.61, stopColor: "#492022" }), jsx("stop", { offset: 0.77, stopColor: "#281616" }), jsx("stop", { offset: 0.91, stopColor: "#140f0f" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsxs("linearGradient", { id: "cradle-xr_svg__linear-gradient-2", x1: 452.81, x2: 637.51, y1: 944.5, y2: 1042.71, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#0d0d0d", stopOpacity: 0 }), jsx("stop", { offset: 0.09, stopColor: "#161010", stopOpacity: 0.04 }), jsx("stop", { offset: 0.23, stopColor: "#2e1818", stopOpacity: 0.14 }), jsx("stop", { offset: 0.42, stopColor: "#562527", stopOpacity: 0.31 }), jsx("stop", { offset: 0.64, stopColor: "#8e373a", stopOpacity: 0.55 }), jsx("stop", { offset: 0.88, stopColor: "#d44e53", stopOpacity: 0.84 }), jsx("stop", { offset: 1, stopColor: "#f95b61" })] }), jsx("linearGradient", { xlinkHref: "#cradle-xr_svg__linear-gradient-2", id: "cradle-xr_svg__linear-gradient-3", x1: 59.47, x2: 244.17, y1: 490.3, y2: 588.51 }), jsx("linearGradient", { xlinkHref: "#cradle-xr_svg__linear-gradient-2", id: "cradle-xr_svg__linear-gradient-4", x1: -143.19, x2: 53.48, y1: 539.41, y2: 539.41 }), jsx("linearGradient", { xlinkHref: "#cradle-xr_svg__linear-gradient-2", id: "cradle-xr_svg__linear-gradient-5", x1: 209.07, x2: 487.91, y1: 465.27, y2: 613.54 }), jsx("linearGradient", { xlinkHref: "#cradle-xr_svg__linear-gradient-2", id: "cradle-xr_svg__linear-gradient-6", x1: -184.28, x2: 94.57, y1: 692.37, y2: 840.64 }), jsx("linearGradient", { xlinkHref: "#cradle-xr_svg__linear-gradient-2", id: "cradle-xr_svg__linear-gradient-7", x1: 59.47, x2: 244.17, y1: 717.4, y2: 815.61 }), jsx("linearGradient", { xlinkHref: "#cradle-xr_svg__linear-gradient-2", id: "cradle-xr_svg__linear-gradient-8", x1: 209.07, x2: 487.91, y1: 692.37, y2: 840.64 }), jsx("linearGradient", { xlinkHref: "#cradle-xr_svg__linear-gradient-2", id: "cradle-xr_svg__linear-gradient-9", x1: 602.41, x2: 881.25, y1: 692.37, y2: 840.64 }), jsx("linearGradient", { xlinkHref: "#cradle-xr_svg__linear-gradient-2", id: "cradle-xr_svg__linear-gradient-10", x1: 452.81, x2: 637.51, y1: 717.4, y2: 815.61 }), jsx("linearGradient", { xlinkHref: "#cradle-xr_svg__linear-gradient-2", id: "cradle-xr_svg__linear-gradient-11", x1: 59.46, x2: 244.17, y1: 944.5, y2: 1042.71 }), jsx("linearGradient", { xlinkHref: "#cradle-xr_svg__linear-gradient-2", id: "cradle-xr_svg__linear-gradient-12", x1: 209.07, x2: 487.91, y1: 919.47, y2: 1067.73 }), jsx("clipPath", { id: "cradle-xr_svg__clippath", children: jsx("path", { d: "M0 388h712v636H319.27C143.06 1024 0 880.94 0 704.73V388Z", style: {
fill: 'none',
strokeWidth: 0,
} }) }), jsx("style", { children: '.cradle-xr_svg__cls-1,.cradle-xr_svg__cls-12{fill:url(#cradle-xr_svg__linear-gradient);stroke-width:0}.cradle-xr_svg__cls-12{fill:#f95b61}' })] }), jsx("path", { id: "cradle-xr_svg__Background_-_White", d: "M0 320C0 143.27 143.27 0 320 0h384c176.73 0 320 143.27 320 320v384c0 176.73-143.27 320-320 320H320C143.27 1024 0 880.73 0 704V320Z", style: {
fill: '#fff',
strokeWidth: 0,
} }), jsx("path", { id: "cradle-xr_svg__Background_-_Lv3", d: "M0 320C0 143.27 143.27 0 320 0h384c176.73 0 320 143.27 320 320v384c0 176.73-143.27 320-320 320H320C143.27 1024 0 880.73 0 704V320Z", style: {
isolation: 'isolate',
opacity: 0.16,
fill: '#f95b61',
strokeWidth: 0,
} }), jsxs("g", { id: "cradle-xr_svg___2_Letters", children: [jsx("text", { style: {
fontFamily: 'HexagonAkkuratTT-Bold,"',
fontSize: 260,
fontWeight: 700,
letterSpacing: '-.01em',
}, transform: "translate(560.43 326.45)", children: jsx("tspan", { x: 0, y: 0, children: 'XR' }) }), jsx("path", { d: "M563.81 142.11h37.44l40.56 65.78 39.26-65.78h37.18l-56.68 90.74 57.46 93.6h-37.7l-40.56-68.38-40.56 68.38h-36.92l57.98-93.86-57.46-90.48ZM818.86 142.11c10.92 0 20.41 1.6 28.47 4.81 8.06 3.21 14.73 7.45 20.02 12.74 5.29 5.29 9.19 11.35 11.7 18.2s3.77 14 3.77 21.45c0 12.48-3.16 23.27-9.49 32.37-6.33 9.1-14.86 15.56-25.61 19.37l33.8 75.4H844.6l-29.9-69.68h-39.78v69.68h-33.8V142.11h77.74Zm-.26 84.5c9.88 0 17.46-2.43 22.75-7.28 5.29-4.85 7.93-11.7 7.93-20.54 0-7.45-2.6-13.87-7.8-19.24-5.2-5.37-12.74-8.06-22.62-8.06h-44.2v55.12h43.94Z", className: "cradle-xr_svg__cls-1" })] }), jsxs("g", { id: "cradle-xr_svg___Place_Icon_Here_-_Masked_Icon_", style: {
clipPath: 'url(#cradle-xr_svg__clippath)',
}, children: [jsx("path", { d: "m-339.86 728.65 196.67-113.55L53.48 728.65 250.16 615.1l196.67 113.55L643.5 615.1l196.67 113.55V917.9L643.5 804.35 446.83 917.9 250.15 804.35 53.48 917.9l-196.67-113.55-196.67 113.55V728.65z", className: "cradle-xr_svg__cls-12" }), jsx("path", { d: "m53.48 1145 196.67-113.55L446.83 1145l196.67-113.55V842.2L446.83 955.75 250.15 842.2 53.48 955.75V1145zM-143.19 388v189.25L53.48 690.8l196.67-113.55L446.83 690.8V501.55L250.16 388 53.48 501.55-143.19 388z", className: "cradle-xr_svg__cls-12" }), jsx("path", { d: "m446.83 1145 196.67-113.55V842.21L446.83 955.75", style: {
fill: 'url(#cradle-xr_svg__linear-gradient-2)',
opacity: 0.16,
strokeWidth: 0,
} }), jsx("path", { d: "m53.48 690.8 196.67-113.54-.1.03V388l.11.01L53.48 501.56", style: {
fill: 'url(#cradle-xr_svg__linear-gradient-3)',
opacity: 0.16,
strokeWidth: 0,
} }), jsx("path", { d: "m53.48 501.56-196.67-113.55v189.24L53.48 690.8", style: {
opacity: 0.72,
fill: 'url(#cradle-xr_svg__linear-gradient-4)',
strokeWidth: 0,
} }), jsx("path", { d: "M250.15 577.26 446.83 690.8V501.56L250.16 388.01", style: {
fill: 'url(#cradle-xr_svg__linear-gradient-5)',
opacity: 0.32,
strokeWidth: 0,
} }), jsx("path", { d: "m53.48 917.9-196.67-113.55.35.4V615.46l-.35-.36L53.48 728.65", style: {
fill: 'url(#cradle-xr_svg__linear-gradient-6)',
opacity: 0.72,
strokeWidth: 0,
} }), jsx("path", { d: "M250.15 804.35 53.48 917.9V728.65L250.16 615.1l-.01 189.25z", style: {
fill: 'url(#cradle-xr_svg__linear-gradient-7)',
opacity: 0.16,
strokeWidth: 0,
} }), jsx("path", { d: "M446.83 917.9 250.15 804.35l.01-189.25 196.67 113.55", style: {
fill: 'url(#cradle-xr_svg__linear-gradient-8)',
opacity: 0.56,
strokeWidth: 0,
} }), jsx("path", { d: "m643.5 615.11 196.67 113.55V917.9L643.5 804.36", style: {
fill: 'url(#cradle-xr_svg__linear-gradient-9)',
opacity: 0.4,
strokeWidth: 0,
} }), jsx("path", { d: "M446.83 728.65 643.5 615.11v189.25L446.83 917.9", style: {
opacity: 0.16,
fill: 'url(#cradle-xr_svg__linear-gradient-10)',
strokeWidth: 0,
} }), jsx("path", { d: "M250.15 842.2 53.48 955.75V1145l196.67-113.55", style: {
fill: 'url(#cradle-xr_svg__linear-gradient-11)',
opacity: 0.16,
strokeWidth: 0,
} }), jsx("path", { d: "M446.83 955.75 250.15 842.2v189.25L446.83 1145", style: {
fill: 'url(#cradle-xr_svg__linear-gradient-12)',
opacity: 0.24,
strokeWidth: 0,
} })] })] }));
const Memo = memo(SvgCradleXr);
export { Memo as default };