@nexusui/branding/Dytran.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 SvgDytran = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#dytran_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: "M34.059 8.633v9.313L26 22.593l-8.054-4.647V8.633L26 13.295l8.059-4.662ZM38.71 26l4.657 8.054H34.06L29.408 26l4.651-8.054h9.308L38.711 26ZM34.059 34.054v9.313L26 38.706l-8.054 4.661v-9.313L26 29.407l8.059 4.647ZM22.598 26l-4.652 8.054H8.638L13.295 26l-4.657-8.054h9.308L22.598 26Z" }), jsx("path", { fill: "url(#dytran_svg__b)", d: "m25.995 38.706-8.054 4.656v-9.308l8.054-4.647v9.299ZM8.633 34.053h9.308L22.593 26l-4.647-8.054H8.633L13.29 26l-4.657 8.054Zm17.362-20.76L17.94 8.639v9.308l8.054 4.647v-9.299Z", opacity: 0.73 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "dytran_svg__b", x1: 6.798, x2: 34.397, y1: 20.075, y2: 34.749, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.059, stopColor: "#E4545A", stopOpacity: 0.941 }), jsx("stop", { offset: 0.255, stopColor: "#A43F43", stopOpacity: 0.745 }), jsx("stop", { offset: 0.443, stopColor: "#6E2D2F", stopOpacity: 0.557 }), jsx("stop", { offset: 0.616, stopColor: "#441F21", stopOpacity: 0.384 }), jsx("stop", { offset: 0.772, stopColor: "#261516", stopOpacity: 0.228 }), jsx("stop", { offset: 0.905, stopColor: "#140F0F", stopOpacity: 0.095 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "dytran_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgDytran);

export { Memo as default };