@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) • 8.15 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgMscCoSim = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#msc-co-sim_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: "m25.005 12.63-8.034 4.64v10.441l-5.951-3.438a4.193 4.193 0 0 1-2.093-3.615l-.015-8.014 5.982-3.453a4.148 4.148 0 0 1 4.149 0l5.962 3.438ZM16.971 28.87l9.04 5.22 9.038-5.22v6.915a4.097 4.097 0 0 1-2.046 3.545l-6.993 4.037-6.967-4.022a4.145 4.145 0 0 1-2.072-3.59V28.87Z" }), jsx("path", { fill: "#0D0D0D", d: "m17.977 28.29 8.033 4.637-8.033-13.92v9.283ZM34.049 28.29l-8.039 4.637 8.039-13.92v9.283ZM26.01 13.208l-8.033 4.642h16.072l-8.039-4.642Z" }), jsx("path", { fill: "url(#msc-co-sim_svg__b)", d: "m34.049 28.29-8.039 4.637 8.039-13.92v9.283Z", opacity: 0.8 }), jsx("path", { fill: "url(#msc-co-sim_svg__c)", d: "m26.01 13.208-8.033 4.642h16.072l-8.039-4.642Z", opacity: 0.4 }), jsx("path", { fill: "#0D0D0D", d: "m27.016 12.63 8.033 4.64v10.441l5.947-3.432a4.18 4.18 0 0 0 2.092-3.621v-8.024l-5.962-3.443a4.157 4.157 0 0 0-4.154 0l-5.956 3.438Z" }), jsx("path", { fill: "url(#msc-co-sim_svg__d)", d: "m25.005 12.63-8.034 4.64-8.059-4.625 5.982-3.454a4.148 4.148 0 0 1 4.149 0l5.962 3.438Z", opacity: 0.8 }), jsx("path", { fill: "url(#msc-co-sim_svg__e)", d: "m16.971 28.87 9.04 5.22v9.277l-6.953-4.011a4.18 4.18 0 0 1-2.092-3.621v-6.866h.005Z", opacity: 0.8 }), jsx("path", { fill: "url(#msc-co-sim_svg__f)", d: "M35.05 17.27v10.441l5.946-3.432a4.18 4.18 0 0 0 2.092-3.621v-8.024l-8.039 4.637Z", opacity: 0.8 }), jsx("path", { fill: "url(#msc-co-sim_svg__g)", d: "M16.971 17.27v10.441l-5.951-3.438a4.193 4.193 0 0 1-2.093-3.615l-.015-8.014 8.06 4.627Z", opacity: 0.4 }), jsx("path", { fill: "url(#msc-co-sim_svg__h)", d: "M43.088 12.63 37.126 9.19a4.157 4.157 0 0 0-4.154 0l-5.956 3.438 8.033 4.642 8.039-4.642Z", opacity: 0.4 }), jsx("path", { fill: "url(#msc-co-sim_svg__i)", d: "m26.01 34.09 9.04-5.22v6.915a4.097 4.097 0 0 1-2.047 3.545l-6.993 4.037V34.09Z", opacity: 0.32 }), jsx("path", { fill: "url(#msc-co-sim_svg__j)", d: "m17.977 28.29 8.033 4.637-8.033-13.92v9.283Z", opacity: 0.4 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "msc-co-sim_svg__b", x1: 28.842, x2: 34.669, y1: 25.338, y2: 28.437, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.549, stopColor: "#793133", stopOpacity: 0.451 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "msc-co-sim_svg__c", x1: 19.822, x2: 32.352, y1: 14.376, y2: 21.038, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.068, stopColor: "#CD4C51", stopOpacity: 0.932 }), jsx("stop", { offset: 0.149, stopColor: "#A03E41", stopOpacity: 0.851 }), jsx("stop", { offset: 0.235, stopColor: "#793133", stopOpacity: 0.765 }), jsx("stop", { offset: 0.326, stopColor: "#572627", stopOpacity: 0.674 }), jsx("stop", { offset: 0.423, stopColor: "#3C1D1E", stopOpacity: 0.577 }), jsx("stop", { offset: 0.528, stopColor: "#271616", stopOpacity: 0.472 }), jsx("stop", { offset: 0.645, stopColor: "#181111", stopOpacity: 0.355 }), jsx("stop", { offset: 0.784, stopColor: "#100E0E", stopOpacity: 0.216 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "msc-co-sim_svg__d", x1: 10.675, x2: 23.216, y1: 9.329, y2: 15.997, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.684, stopColor: "#592628", stopOpacity: 0.316 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "msc-co-sim_svg__e", x1: 14.962, x2: 28.02, y1: 32.647, y2: 39.59, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "msc-co-sim_svg__f", x1: 34.735, x2: 42.835, y1: 17.865, y2: 22.172, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.549, stopColor: "#793133", stopOpacity: 0.451 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "msc-co-sim_svg__g", x1: 6.678, x2: 19.205, y1: 16.846, y2: 23.506, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.109, stopColor: "#C54A4F", stopOpacity: 0.891 }), jsx("stop", { offset: 0.228, stopColor: "#953A3D", stopOpacity: 0.772 }), jsx("stop", { offset: 0.35, stopColor: "#6B2C2E", stopOpacity: 0.65 }), jsx("stop", { offset: 0.473, stopColor: "#492122", stopOpacity: 0.527 }), jsx("stop", { offset: 0.598, stopColor: "#2F1819", stopOpacity: 0.402 }), jsx("stop", { offset: 0.726, stopColor: "#1C1212", stopOpacity: 0.274 }), jsx("stop", { offset: 0.858, stopColor: "#110E0E", stopOpacity: 0.142 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "msc-co-sim_svg__h", x1: 28.767, x2: 41.297, y1: 9.335, y2: 15.998, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0.033 }), jsx("stop", { offset: 0.108, stopColor: "#120F0F", stopOpacity: 0.135 }), jsx("stop", { offset: 0.238, stopColor: "#211314", stopOpacity: 0.256 }), jsx("stop", { offset: 0.378, stopColor: "#391B1D", stopOpacity: 0.387 }), jsx("stop", { offset: 0.525, stopColor: "#5A2728", stopOpacity: 0.525 }), jsx("stop", { offset: 0.679, stopColor: "#853538", stopOpacity: 0.669 }), jsx("stop", { offset: 0.837, stopColor: "#BA464B", stopOpacity: 0.818 }), jsx("stop", { offset: 0.997, stopColor: "#F85B61", stopOpacity: 0.968 }), jsx("stop", { offset: 1, stopColor: "#F95B61", stopOpacity: 0.971 })] }), jsxs("linearGradient", { id: "msc-co-sim_svg__i", x1: 26.166, x2: 34.34, y1: 33.797, y2: 38.143, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.072, stopColor: "#C94B50", stopOpacity: 0.928 }), jsx("stop", { offset: 0.149, stopColor: "#9D3D40", stopOpacity: 0.851 }), jsx("stop", { offset: 0.233, stopColor: "#763032", stopOpacity: 0.767 }), jsx("stop", { offset: 0.321, stopColor: "#562527", stopOpacity: 0.679 }), jsx("stop", { offset: 0.415, stopColor: "#3B1C1D", stopOpacity: 0.585 }), jsx("stop", { offset: 0.518, stopColor: "#271516", stopOpacity: 0.482 }), jsx("stop", { offset: 0.633, stopColor: "#181111", stopOpacity: 0.366 }), jsx("stop", { offset: 0.773, stopColor: "#100E0E", stopOpacity: 0.227 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "msc-co-sim_svg__j", x1: 15.976, x2: 28.01, y1: 22.77, y2: 29.169, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.025, stopColor: "#E35459", stopOpacity: 0.975 }), jsx("stop", { offset: 0.08, stopColor: "#B74549", stopOpacity: 0.92 }), jsx("stop", { offset: 0.142, stopColor: "#8E383B", stopOpacity: 0.858 }), jsx("stop", { offset: 0.208, stopColor: "#6C2C2E", stopOpacity: 0.792 }), jsx("stop", { offset: 0.28, stopColor: "#4E2224", stopOpacity: 0.72 }), jsx("stop", { offset: 0.359, stopColor: "#371A1C", stopOpacity: 0.641 }), jsx("stop", { offset: 0.449, stopColor: "#241415", stopOpacity: 0.551 }), jsx("stop", { offset: 0.555, stopColor: "#181010", stopOpacity: 0.445 }), jsx("stop", { offset: 0.696, stopColor: "#100E0E", stopOpacity: 0.304 }), jsx("stop", { offset: 1, stopColor: "#0E0D0D", stopOpacity: 0.01 })] }), jsx("clipPath", { id: "msc-co-sim_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgMscCoSim);
export { Memo as default };