@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.
139 lines (136 loc) • 9.03 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgEspritEdge = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", id: "esprit-edge_svg__icon", x: 0, y: 0, style: {
enableBackground: 'new 0 0 1024 1024',
}, viewBox: "0 0 1024 1024", ...props, children: [jsx("style", { children: '.esprit-edge_svg__st1{fill:#0d0d0d}' }), jsx("path", { d: "M0 320C0 143.3 143.3 0 320 0h384c176.7 0 320 143.3 320 320v384c0 176.7-143.3 320-320 320H320C143.3 1024 0 880.7 0 704V320z", style: {
fill: '#bce562',
} }), jsx("path", { d: "m512 854-169.2-97.7L512 658.6l169.2 97.7zM342.8 170 500 260.7v195.4l-157.2-90.7v195.4l145.1 83.8-169.2 97.7-120.9-69.8c-15-8.6-24.2-24.6-24.2-41.9v-335c0-17.3 9.2-33.2 24.2-41.9l145-83.7zM681.2 170 524 260.7v195.4l157.2-90.7v195.4l-145.1 83.8 169.2 97.7 120.9-69.8c15-8.6 24.2-24.6 24.2-41.9v-335c0-17.3-9.2-33.2-24.2-41.9l-145-83.7z", className: "esprit-edge_svg__st1" }), jsxs("linearGradient", { id: "esprit-edge_svg__SVGID_1_", x1: 380.056, x2: 643.944, y1: 686.13, y2: 826.441, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, style: {
stopColor: '#bce562',
} }), jsx("stop", { offset: 0.013, style: {
stopColor: '#b6de5f',
stopOpacity: 0.9869,
} }), jsx("stop", { offset: 0.118, style: {
stopColor: '#8cab49',
stopOpacity: 0.8823,
} }), jsx("stop", { offset: 0.227, style: {
stopColor: '#677d35',
stopOpacity: 0.7728,
} }), jsx("stop", { offset: 0.339, style: {
stopColor: '#475625',
stopOpacity: 0.6609,
} }), jsx("stop", { offset: 0.454, style: {
stopColor: '#2d3718',
stopOpacity: 0.5456,
} }), jsx("stop", { offset: 0.574, style: {
stopColor: '#191f0d',
stopOpacity: 0.426,
} }), jsx("stop", { offset: 0.7, style: {
stopColor: '#0b0e06',
stopOpacity: 0.3003,
} }), jsx("stop", { offset: 0.836, style: {
stopColor: '#030301',
stopOpacity: 0.1645,
} }), jsx("stop", { offset: 1, style: {
stopColor: '#000',
stopOpacity: 0,
} })] }), jsx("path", { d: "m512 854-169.2-97.7L512 658.6l169.2 97.7z", style: {
opacity: 0.4,
fill: 'url(#esprit-edge_svg__SVGID_1_)',
} }), jsxs("linearGradient", { id: "esprit-edge_svg__SVGID_00000062160847173553002570000018107874124193586570_", x1: 300.763, x2: 541.902, y1: 248.974, y2: 377.19, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, style: {
stopColor: '#bce562',
} }), jsx("stop", { offset: 0.108, style: {
stopColor: '#a2c556',
stopOpacity: 0.892,
} }), jsx("stop", { offset: 0.347, style: {
stopColor: '#6e843c',
stopOpacity: 0.6531,
} }), jsx("stop", { offset: 0.564, style: {
stopColor: '#445128',
stopOpacity: 0.4358,
} }), jsx("stop", { offset: 0.752, style: {
stopColor: '#262c19',
stopOpacity: 0.2477,
} }), jsx("stop", { offset: 0.904, style: {
stopColor: '#141510',
stopOpacity: 0.09609288,
} }), jsx("stop", { offset: 1, style: {
stopColor: '#0d0d0d',
stopOpacity: 0,
} })] }), jsx("path", { d: "m342.8 170 157.1 90.7v195.5l-157.1-90.8z", style: {
opacity: 0.16,
fill: 'url(#esprit-edge_svg__SVGID_00000062160847173553002570000018107874124193586570_)',
} }), jsxs("linearGradient", { id: "esprit-edge_svg__SVGID_00000008837549794177398430000017077478222647106997_", x1: 519.709, x2: 685.626, y1: 268.972, y2: 357.191, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, style: {
stopColor: '#bce562',
} }), jsx("stop", { offset: 0.044, style: {
stopColor: '#a5c957',
stopOpacity: 0.9556,
} }), jsx("stop", { offset: 0.124, style: {
stopColor: '#829d46',
stopOpacity: 0.8757,
} }), jsx("stop", { offset: 0.21, style: {
stopColor: '#627636',
stopOpacity: 0.7898,
} }), jsx("stop", { offset: 0.301, style: {
stopColor: '#48562a',
stopOpacity: 0.6989,
} }), jsx("stop", { offset: 0.398, style: {
stopColor: '#323b1f',
stopOpacity: 0.6016,
} }), jsx("stop", { offset: 0.504, style: {
stopColor: '#222717',
stopOpacity: 0.4956,
} }), jsx("stop", { offset: 0.624, style: {
stopColor: '#161811',
stopOpacity: 0.3763,
} }), jsx("stop", { offset: 0.767, style: {
stopColor: '#0f100e',
stopOpacity: 0.2328,
} }), jsx("stop", { offset: 1, style: {
stopColor: '#0d0d0d',
stopOpacity: 0,
} })] }), jsx("path", { d: "m681.2 170-157.1 90.7v195.5l157.1-90.8z", style: {
opacity: 0.15,
fill: 'url(#esprit-edge_svg__SVGID_00000008837549794177398430000017077478222647106997_)',
} }), jsxs("linearGradient", { id: "esprit-edge_svg__SVGID_00000163758789737692255450000010129131551278503330_", x1: 136.605, x2: 531.299, y1: 352.98, y2: 562.843, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, style: {
stopColor: '#bce562',
} }), jsx("stop", { offset: 0.443, style: {
stopColor: '#6d843c',
stopOpacity: 0.5572,
} }), jsx("stop", { offset: 1, style: {
stopColor: '#0d0d0d',
stopOpacity: 0,
} })] }), jsx("path", { d: "m342.8 560.9 145.1 83.8-169.2 97.7-120.9-69.8c-15-8.6-24.2-24.6-24.2-41.9v-335c0-17.3 9.2-33.2 24.2-41.9l145-83.8v390.9z", style: {
opacity: 0.64,
fill: 'url(#esprit-edge_svg__SVGID_00000163758789737692255450000010129131551278503330_)',
} }), jsxs("linearGradient", { id: "esprit-edge_svg__SVGID_00000158000922344773118830000016023023797777086372_", x1: 565.291, x2: 893.181, y1: 388.081, y2: 562.423, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, style: {
stopColor: '#bce562',
} }), jsx("stop", { offset: 0.077, style: {
stopColor: '#a0c355',
stopOpacity: 0.9235,
} }), jsx("stop", { offset: 0.198, style: {
stopColor: '#7a9342',
stopOpacity: 0.8022,
} }), jsx("stop", { offset: 0.323, style: {
stopColor: '#586a32',
stopOpacity: 0.6772,
} }), jsx("stop", { offset: 0.45, style: {
stopColor: '#3d4824',
stopOpacity: 0.5505,
} }), jsx("stop", { offset: 0.579, style: {
stopColor: '#282e1a',
stopOpacity: 0.4214,
} }), jsx("stop", { offset: 0.711, style: {
stopColor: '#191c13',
stopOpacity: 0.289,
} }), jsx("stop", { offset: 0.849, style: {
stopColor: '#10110e',
stopOpacity: 0.1514,
} }), jsx("stop", { offset: 1, style: {
stopColor: '#0d0d0d',
stopOpacity: 0,
} })] }), jsx("path", { d: "m681.2 560.9-145.1 83.8 169.2 97.7 120.9-69.8c15-8.6 24.2-24.6 24.2-41.9v-335c0-17.3-9.2-33.2-24.2-41.9l-145-83.8v390.9z", style: {
opacity: 0.24,
fill: 'url(#esprit-edge_svg__SVGID_00000158000922344773118830000016023023797777086372_)',
} })] }));
const Memo = memo(SvgEspritEdge);
export { Memo as default };