@nexusui/branding/ThreeDStudio.js

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.

import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';

const SvgThreeDStudio = (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: "three-d-studio_svg__a", x1: 541.9, x2: 728.97, y1: 450.73, y2: 550.2, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#97d9f5" }), jsx("stop", { offset: 1, stopColor: "#231f20" })] }), jsx("linearGradient", { xlinkHref: "#three-d-studio_svg__a", id: "three-d-studio_svg__c", x1: 288.25, x2: 473.95, y1: 450.4, y2: 549.14 }), jsxs("linearGradient", { id: "three-d-studio_svg__b", x1: 712.16, x2: 882.53, y1: 624.31, y2: 714.89, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#97d9f5" }), jsx("stop", { offset: 1, stopColor: "#231f20" })] }), jsx("linearGradient", { xlinkHref: "#three-d-studio_svg__b", id: "three-d-studio_svg__d", x1: 204.49, x2: 374.86, y1: 624.31, y2: 714.89 }), jsx("linearGradient", { xlinkHref: "#three-d-studio_svg__b", id: "three-d-studio_svg__e", x1: 458.33, x2: 628.69 })] }), jsx("path", { fill: "#fff", 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", "data-name": "Background - White" }), jsx("path", { fill: "#97d9f5", 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", "data-name": "Background - Lv3" }), jsxs("g", { "data-name": "[Place Icon Here - Standard Icon]", children: [jsx("path", { fill: "#0d0d0d", d: "M755.48 501.92 639.14 703.43 523.02 502.07l115.9-200.74 116.56 200.59zM501.06 502.21 385.08 301.33 269.19 502.07l116.02 200.44 115.85-200.3zM765.84 521.16 649.49 722.67h232.69L765.84 521.16zM258.17 521.16 141.82 722.67h232.69L258.17 521.16zM512 521.16 395.66 722.67h232.68L512 521.16z" }), jsx("path", { fill: "url(#three-d-studio_svg__a)", d: "M755.48 501.92 639.14 703.43 523.02 502.07l115.9-200.74 116.56 200.59z", opacity: 0.48 }), jsx("path", { fill: "url(#three-d-studio_svg__c)", d: "M501.06 502.21 385.08 301.33 269.19 502.07l116.02 200.44 115.85-200.3z", opacity: 0.48 }), jsx("path", { fill: "url(#three-d-studio_svg__b)", d: "M765.84 521.16 649.49 722.67h232.69L765.84 521.16z", opacity: 0.48 }), jsx("path", { fill: "url(#three-d-studio_svg__d)", d: "M258.17 521.16 141.82 722.67h232.69L258.17 521.16z", opacity: 0.48 }), jsx("path", { fill: "url(#three-d-studio_svg__e)", d: "M512 521.16 395.66 722.67h232.68L512 521.16z", opacity: 0.48 })] })] }));
const Memo = memo(SvgThreeDStudio);

export { Memo as default };