@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.
34 lines (31 loc) • 5.33 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgDigimatMs = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1024 1024", ...props, children: [jsxs("defs", { children: [jsxs("linearGradient", { id: "digimat-ms_svg__Degrade_sans_nom_4", x1: 434.11, x2: 1014.3, y1: 1472.37, y2: 381.18, gradientTransform: "rotate(90 509.74 513.5)", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#f28b5b" }), jsx("stop", { offset: 0, stopColor: "#ef895a" }), jsx("stop", { offset: 0.38, stopColor: "#8f5539" }), jsx("stop", { offset: 0.68, stopColor: "#492e21" }), jsx("stop", { offset: 0.89, stopColor: "#1d1612" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsxs("linearGradient", { id: "digimat-ms_svg__Degrade_sans_nom_7", x1: 604.6, x2: 760.91, y1: 522.24, y2: 228.27, gradientTransform: "rotate(90 509.74 513.5)", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#f28b5b" }), jsx("stop", { offset: 0.04, stopColor: "#e88657" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsxs("linearGradient", { id: "digimat-ms_svg__Degrade_sans_nom_6", x1: 423.92, x2: 663.13, y1: 837.51, y2: 387.63, gradientTransform: "rotate(90 509.74 513.5)", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#f28b5b" }), jsx("stop", { offset: 0.14, stopColor: "#cd764e" }), jsx("stop", { offset: 0.57, stopColor: "#663e2b" }), jsx("stop", { offset: 0.86, stopColor: "#261a15" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsxs("linearGradient", { id: "digimat-ms_svg__Degrade_sans_nom_5", x1: 785.4, x2: 1024.59, y1: 1465.93, y2: 1016.08, gradientTransform: "rotate(90 509.74 513.5)", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#f28b5b" }), jsx("stop", { offset: 0.28, stopColor: "#a25f3f" }), jsx("stop", { offset: 0.53, stopColor: "#623c2a" }), jsx("stop", { offset: 0.74, stopColor: "#34221a" }), jsx("stop", { offset: 0.91, stopColor: "#171210" }), jsx("stop", { offset: 1, stopColor: "#0d0d0d" })] }), jsx("clipPath", { id: "digimat-ms_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: '.digimat-ms_svg__cls-5{stroke-width:0}.digimat-ms_svg__cls-8{fill:#492e22;font-family:OpenSans-Bold,"Open Sans";font-size:245px;font-weight:700;letter-spacing:-.01em}.digimat-ms_svg__cls-5{fill:#f28b5b}' })] }), jsx("path", { id: "digimat-ms_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("rect", { id: "digimat-ms_svg__background-lv4", width: 1024, height: 1024, className: "digimat-ms_svg__cls-5", rx: 320, ry: 320, style: {
opacity: 0.16,
} }), jsxs("g", { id: "digimat-ms_svg___2-letters", children: [jsx("text", { className: "digimat-ms_svg__cls-8", transform: "translate(531.03 324.41)", children: jsx("tspan", { x: 0, y: 0, children: 'MS' }) }), jsx("text", { className: "digimat-ms_svg__cls-8", transform: "translate(531.03 324.41)", children: jsx("tspan", { x: 0, y: 0, children: 'MS' }) })] }), jsxs("g", { id: "digimat-ms_svg___place-icon-here_masked-icon_", style: {
clipPath: 'url(#digimat-ms_svg__clippath)',
}, children: [jsx("path", { d: "m725.93 894.53.04-333.13L437.4 727.96l288.53 166.57zM699.69 909.68l-261.87 151.19a53.223 53.223 0 0 1-53.23 0l-891.34-514.62 262.59-151.24a52.532 52.532 0 0 1 52.47.03l891.38 514.64ZM699.74 546.27 463.34 410.1c-32.45-18.69-72.4-18.68-104.84.05L122.68 546.27l288.53 166.58 288.53-166.56ZM70.27 909.68l-288.48-166.56-288.53 166.53 236.02 136.27a104.994 104.994 0 0 0 104.98 0L70.28 909.68Z", className: "digimat-ms_svg__cls-5" }), jsx("path", { d: "m699.69 909.68-261.87 151.19a53.223 53.223 0 0 1-53.23 0l-891.34-514.62 262.59-151.24a52.532 52.532 0 0 1 52.47.03l891.38 514.64Z", style: {
strokeWidth: 0,
fill: 'url(#digimat-ms_svg__Degrade_sans_nom_4)',
opacity: 0.8,
} }), jsx("path", { d: "m725.93 894.53.04-333.13L437.4 727.96l288.53 166.57z", style: {
fill: 'url(#digimat-ms_svg__Degrade_sans_nom_7)',
opacity: 0.24,
strokeWidth: 0,
} }), jsx("path", { d: "M699.74 546.27 463.34 410.1c-32.45-18.69-72.4-18.68-104.84.05L122.68 546.27l288.53 166.58 288.53-166.56Z", style: {
fill: 'url(#digimat-ms_svg__Degrade_sans_nom_6)',
opacity: 0.56,
strokeWidth: 0,
} }), jsx("path", { d: "m70.27 909.68-288.48-166.56-288.53 166.53 236.02 136.27a104.994 104.994 0 0 0 104.98 0L70.28 909.68Z", style: {
fill: 'url(#digimat-ms_svg__Degrade_sans_nom_5)',
opacity: 0.4,
strokeWidth: 0,
} })] })] }));
const Memo = memo(SvgDigimatMs);
export { Memo as default };