@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.
12 lines (7 loc) • 3.57 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var jsxRuntime = require('react/jsx-runtime');
var react = require('react');
const SvgAdams = (props) => (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxRuntime.jsxs("g", { clipPath: "url(#adams_svg__a)", children: [jsxRuntime.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" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "m44.79 19.678-14.9 8.602 7.124 4.113 7.775-12.715ZM14.986 19.602l29.803.025-14.9-8.628-14.903 8.603ZM7.21 32.348l14.9-8.603-7.124-4.113L7.21 32.348Z" }), jsxRuntime.jsx("path", { fill: "#0D0D0D", d: "m7.21 32.398 29.804-.025-14.904 8.628-14.9-8.603Z" }), jsxRuntime.jsx("path", { fill: "url(#adams_svg__b)", d: "m44.79 19.678-14.9 8.602 7.124 4.113 7.775-12.715Z", opacity: 0.32 }), jsxRuntime.jsx("path", { fill: "url(#adams_svg__c)", d: "m14.986 19.602 29.803.025-14.9-8.628-14.903 8.603Z", opacity: 0.64 }), jsxRuntime.jsx("path", { fill: "url(#adams_svg__d)", d: "m7.21 32.348 14.9-8.603-7.124-4.113L7.21 32.348Z", opacity: 0.64 }), jsxRuntime.jsx("path", { fill: "url(#adams_svg__e)", d: "m7.21 32.398 29.804-.025-14.904 8.628-14.9-8.603Z", opacity: 0.64 })] }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "adams_svg__b", x1: 33.245, x2: 41.296, y1: 21.964, y2: 26.245, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsxRuntime.jsx("stop", { offset: 0.985, stopColor: "#F95B61" })] }), jsxRuntime.jsxs("linearGradient", { id: "adams_svg__c", x1: 18.411, x2: 41.655, y1: 13.16, y2: 25.519, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#F95B61" }), jsxRuntime.jsx("stop", { offset: 0.461, stopColor: "#863538", stopOpacity: 0.539 }), jsxRuntime.jsx("stop", { offset: 0.832, stopColor: "#2F1819", stopOpacity: 0.168 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "adams_svg__d", x1: 10.704, x2: 18.755, y1: 25.779, y2: 30.06, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#F95B61" }), jsxRuntime.jsx("stop", { offset: 0.119, stopColor: "#CD4D51", stopOpacity: 0.881 }), jsxRuntime.jsx("stop", { offset: 0.294, stopColor: "#93393D", stopOpacity: 0.706 }), jsxRuntime.jsx("stop", { offset: 0.463, stopColor: "#632A2C", stopOpacity: 0.537 }), jsxRuntime.jsx("stop", { offset: 0.622, stopColor: "#3E1D1E", stopOpacity: 0.378 }), jsxRuntime.jsx("stop", { offset: 0.769, stopColor: "#231415", stopOpacity: 0.231 }), jsxRuntime.jsx("stop", { offset: 0.9, stopColor: "#130F0F", stopOpacity: 0.1 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsxs("linearGradient", { id: "adams_svg__e", x1: 10.359, x2: 33.584, y1: 26.477, y2: 38.826, gradientUnits: "userSpaceOnUse", children: [jsxRuntime.jsx("stop", { stopColor: "#F95B61" }), jsxRuntime.jsx("stop", { offset: 0.188, stopColor: "#D24E53", stopOpacity: 0.812 }), jsxRuntime.jsx("stop", { offset: 0.605, stopColor: "#6F2E30", stopOpacity: 0.395 }), jsxRuntime.jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxRuntime.jsx("clipPath", { id: "adams_svg__a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = react.memo(SvgAdams);
exports["default"] = Memo;