@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.13 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgOdyssee = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#odyssee_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: "#F95B61", 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: "M16.072 29.504 22.141 26l-6.069-3.504v7.008ZM16.072 14.854l-6.068 3.503 6.068 3.504v-7.008ZM22.689 25.68l6.068-3.504-6.068-3.499v7.003ZM16.072 14.219l6.069-3.504-6.069-3.504v7.008ZM22.689 33.323l6.068-3.5-6.068-3.503v7.003ZM29.311 22.496v7.008L35.379 26l-6.068-3.504ZM16.072 37.147l6.069-3.504-6.069-3.504v7.008ZM16.072 44.79l6.069-3.505-6.069-3.504v7.008ZM16.62 37.466l6.069 3.5 19.307-11.142-6.068-3.504L16.62 37.466Z" }), jsx("path", { fill: "url(#odyssee_svg__b)", d: "M16.072 22.496 22.141 26l-6.069 3.504v-7.008Z", opacity: 0.6 }), jsx("path", { fill: "url(#odyssee_svg__c)", d: "m16.072 14.854-6.068 3.503 6.068 3.504v-7.008Z", opacity: 0.7 }), jsx("path", { fill: "url(#odyssee_svg__d)", d: "m22.689 25.68 6.068-3.504-6.068-3.499v7.003Z", opacity: 0.65 }), jsx("path", { fill: "url(#odyssee_svg__e)", d: "m16.072 14.219 6.069-3.504-6.069-3.504v7.008Z", opacity: 0.8 }), jsx("path", { fill: "url(#odyssee_svg__f)", d: "m22.689 33.323 6.068-3.5-6.068-3.503v7.003Z", opacity: 0.55 }), jsx("path", { fill: "url(#odyssee_svg__g)", d: "M29.311 22.496v7.008L35.379 26l-6.068-3.504Z", opacity: 0.6 }), jsx("path", { fill: "url(#odyssee_svg__h)", d: "m16.072 37.147 6.069-3.504-6.069-3.504v7.008Z", opacity: 0.5 }), jsx("path", { fill: "url(#odyssee_svg__i)", d: "m16.072 44.79 6.069-3.505-6.069-3.504v7.008Z", opacity: 0.4 }), jsx("path", { fill: "url(#odyssee_svg__j)", d: "m16.62 37.466 6.069 3.5 19.307-11.142-6.068-3.504L16.62 37.466Z", opacity: 0.45 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "odyssee_svg__b", x1: 14.619, x2: 20.802, y1: 25.228, y2: 28.515, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.146, stopColor: "#D04D52", stopOpacity: 0.854 }), jsx("stop", { offset: 0.458, stopColor: "#7D3235", stopOpacity: 0.542 }), jsx("stop", { offset: 0.714, stopColor: "#411E1F", stopOpacity: 0.286 }), jsx("stop", { offset: 0.901, stopColor: "#1B1212", stopOpacity: 0.099 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "odyssee_svg__c", x1: 11.341, x2: 17.523, y1: 15.842, y2: 19.129, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.15, stopColor: "#DC5157", stopOpacity: 0.85 }), jsx("stop", { offset: 0.475, stopColor: "#91393C", stopOpacity: 0.524 }), jsx("stop", { offset: 0.95, stopColor: "#1A1112", stopOpacity: 0.05 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "odyssee_svg__d", x1: 21.238, x2: 27.421, y1: 21.406, y2: 24.694, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.243, stopColor: "#B9464A", stopOpacity: 0.757 }), jsx("stop", { offset: 0.615, stopColor: "#5D282A", stopOpacity: 0.386 }), jsx("stop", { offset: 0.875, stopColor: "#231415", stopOpacity: 0.125 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "odyssee_svg__e", x1: 14.619, x2: 20.802, y1: 9.942, y2: 13.229, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.488, stopColor: "#883639", stopOpacity: 0.512 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "odyssee_svg__f", x1: 21.238, x2: 27.421, y1: 29.049, y2: 32.337, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.346, stopColor: "#9D3D40", stopOpacity: 0.653 }), jsx("stop", { offset: 0.664, stopColor: "#502325", stopOpacity: 0.336 }), jsx("stop", { offset: 0.889, stopColor: "#1F1314", stopOpacity: 0.111 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "odyssee_svg__g", x1: 27.858, x2: 34.04, y1: 25.228, y2: 28.515, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.224, stopColor: "#C84B50", stopOpacity: 0.776 }), jsx("stop", { offset: 0.732, stopColor: "#4F2325", stopOpacity: 0.268 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "odyssee_svg__h", x1: 14.619, x2: 20.802, y1: 32.871, y2: 36.158, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.146, stopColor: "#D04D52", stopOpacity: 0.854 }), jsx("stop", { offset: 0.458, stopColor: "#7D3235", stopOpacity: 0.542 }), jsx("stop", { offset: 0.714, stopColor: "#411E1F", stopOpacity: 0.286 }), jsx("stop", { offset: 0.901, stopColor: "#1B1212", stopOpacity: 0.099 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "odyssee_svg__i", x1: 14.619, x2: 20.802, y1: 40.514, y2: 43.801, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.05, stopColor: "#DB5156", stopOpacity: 0.95 }), jsx("stop", { offset: 0.142, stopColor: "#AB4145", stopOpacity: 0.858 }), jsx("stop", { offset: 0.239, stopColor: "#813336", stopOpacity: 0.761 }), jsx("stop", { offset: 0.34, stopColor: "#5D2729", stopOpacity: 0.66 }), jsx("stop", { offset: 0.445, stopColor: "#401E1F", stopOpacity: 0.555 }), jsx("stop", { offset: 0.557, stopColor: "#291617", stopOpacity: 0.443 }), jsx("stop", { offset: 0.677, stopColor: "#191111", stopOpacity: 0.323 }), jsx("stop", { offset: 0.814, stopColor: "#100E0E", stopOpacity: 0.186 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "odyssee_svg__j", x1: 21.003, x2: 37.616, y1: 29.227, y2: 38.06, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.107, stopColor: "#C64A4F", stopOpacity: 0.892 }), jsx("stop", { offset: 0.227, stopColor: "#963A3E", stopOpacity: 0.773 }), jsx("stop", { offset: 0.349, stopColor: "#6C2C2F", stopOpacity: 0.65 }), jsx("stop", { offset: 0.473, stopColor: "#492123", stopOpacity: 0.526 }), jsx("stop", { offset: 0.599, stopColor: "#2F1819", stopOpacity: 0.401 }), jsx("stop", { offset: 0.727, stopColor: "#1C1212", stopOpacity: 0.273 }), jsx("stop", { offset: 0.859, stopColor: "#110E0E", stopOpacity: 0.141 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "odyssee_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgOdyssee);
export { Memo as default };