@nexusui/branding/Digimat.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 SvgDigimat = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#digimat_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: "#F28B5B", 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: "m15.823 26-8.612-4.971v9.942L15.823 26ZM44.789 30.971V21.03L36.176 26l8.613 4.971ZM44.007 31.423l-7.815 4.515a1.587 1.587 0 0 1-1.59 0L7.992 20.577l7.837-4.515a1.564 1.564 0 0 1 1.563 0l26.615 15.361Z" }), jsx("path", { fill: "url(#digimat_svg__b)", d: "m44.007 31.423-7.815 4.515a1.587 1.587 0 0 1-1.59 0L7.992 20.577l7.837-4.515a1.564 1.564 0 0 1 1.563 0l26.615 15.361Z", opacity: 0.8 }), jsx("path", { fill: "#0D0D0D", d: "m44.007 20.577-7.059-4.063a3.129 3.129 0 0 0-3.128 0l-7.038 4.063 8.613 4.971 8.612-4.971ZM25.218 31.423l-8.613-4.971-8.612 4.971 7.043 4.068c.97.559 2.164.559 3.133 0l7.049-4.068Z" }), jsx("path", { fill: "url(#digimat_svg__c)", d: "m15.823 26-8.612-4.971v9.942L15.823 26Z", opacity: 0.64 }), jsx("path", { fill: "url(#digimat_svg__d)", d: "M44.789 30.971V21.03L36.176 26l8.613 4.971Z", opacity: 0.24 }), jsx("path", { fill: "url(#digimat_svg__e)", d: "m44.007 20.577-7.059-4.063a3.129 3.129 0 0 0-3.128 0l-7.038 4.063 8.613 4.971 8.612-4.971Z", opacity: 0.56 }), jsx("path", { fill: "url(#digimat_svg__f)", d: "m25.218 31.423-8.613-4.971-8.612 4.971 7.043 4.068c.97.559 2.164.559 3.133 0l7.049-4.068Z", opacity: 0.4 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "digimat_svg__b", x1: 9.713, x2: 42.285, y1: 17.34, y2: 34.658, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F28B5B" }), jsx("stop", { offset: 0.007, stopColor: "#F08A5A", stopOpacity: 0.993 }), jsx("stop", { offset: 0.378, stopColor: "#90553A", stopOpacity: 0.622 }), jsx("stop", { offset: 0.677, stopColor: "#492E22", stopOpacity: 0.323 }), jsx("stop", { offset: 0.892, stopColor: "#1E1613", stopOpacity: 0.108 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "digimat_svg__c", x1: 5.15, x2: 13.925, y1: 24.903, y2: 29.569, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F28B5B" }), jsx("stop", { offset: 0.098, stopColor: "#E58457", stopOpacity: 0.902 }), jsx("stop", { offset: 0.278, stopColor: "#C3714B", stopOpacity: 0.722 }), jsx("stop", { offset: 0.521, stopColor: "#8C5338", stopOpacity: 0.479 }), jsx("stop", { offset: 0.815, stopColor: "#40291E", stopOpacity: 0.185 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "digimat_svg__d", x1: 38.074, x2: 46.849, y1: 22.429, y2: 27.095, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F28B5B" }), jsx("stop", { offset: 0.039, stopColor: "#E98658", stopOpacity: 0.961 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "digimat_svg__e", x1: 28.663, x2: 42.092, y1: 17.036, y2: 24.176, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F28B5B" }), jsx("stop", { offset: 0.144, stopColor: "#CE774F", stopOpacity: 0.856 }), jsx("stop", { offset: 0.568, stopColor: "#673E2C", stopOpacity: 0.432 }), jsx("stop", { offset: 0.862, stopColor: "#261B16", stopOpacity: 0.138 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "digimat_svg__f", x1: 9.906, x2: 23.333, y1: 27.826, y2: 34.965, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F28B5B" }), jsx("stop", { offset: 0.28, stopColor: "#A35F40", stopOpacity: 0.72 }), jsx("stop", { offset: 0.533, stopColor: "#623C2A", stopOpacity: 0.467 }), jsx("stop", { offset: 0.745, stopColor: "#34231A", stopOpacity: 0.255 }), jsx("stop", { offset: 0.907, stopColor: "#181311", stopOpacity: 0.093 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "digimat_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgDigimat);

export { Memo as default };