@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) • 3.11 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgAdams = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#adams_svg__a)", children: [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: "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" }), jsx("path", { fill: "#0D0D0D", d: "m7.21 32.398 29.804-.025-14.904 8.628-14.9-8.603Z" }), 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 }), 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 }), 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 }), 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 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "adams_svg__b", x1: 33.245, x2: 41.296, y1: 21.964, y2: 26.245, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsx("stop", { offset: 0.985, stopColor: "#F95B61" })] }), jsxs("linearGradient", { id: "adams_svg__c", x1: 18.411, x2: 41.655, y1: 13.16, y2: 25.519, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.461, stopColor: "#863538", stopOpacity: 0.539 }), jsx("stop", { offset: 0.832, stopColor: "#2F1819", stopOpacity: 0.168 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "adams_svg__d", x1: 10.704, x2: 18.755, y1: 25.779, y2: 30.06, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.119, stopColor: "#CD4D51", stopOpacity: 0.881 }), jsx("stop", { offset: 0.294, stopColor: "#93393D", stopOpacity: 0.706 }), jsx("stop", { offset: 0.463, stopColor: "#632A2C", stopOpacity: 0.537 }), jsx("stop", { offset: 0.622, stopColor: "#3E1D1E", stopOpacity: 0.378 }), jsx("stop", { offset: 0.769, stopColor: "#231415", stopOpacity: 0.231 }), jsx("stop", { offset: 0.9, stopColor: "#130F0F", stopOpacity: 0.1 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "adams_svg__e", x1: 10.359, x2: 33.584, y1: 26.477, y2: 38.826, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.188, stopColor: "#D24E53", stopOpacity: 0.812 }), jsx("stop", { offset: 0.605, stopColor: "#6F2E30", stopOpacity: 0.395 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "adams_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgAdams);
export { Memo as default };