@nexusui/branding/Quindos.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 SvgQuindos = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#quindos_svg__a)", children: [jsx("path", { fill: "#77C3DA", d: "M0 16.25C0 7.275 7.275 0 16.25 0h19.5C44.725 0 52 7.275 52 16.25v19.5C52 44.725 44.725 52 35.75 52h-19.5C7.275 52 0 44.725 0 35.75v-19.5Z" }), jsx("path", { fill: "#0D0D0D", d: "m32.776 29.761 5.733 3.31 6.255-3.61v-6.62l-6.255 3.61-5.733-3.31v6.62ZM19.224 29.761l-5.733 3.31-6.255-3.61v-6.62l6.255 3.61 5.733-3.31v6.62ZM37.988 33.373l-5.733-3.31h-12.51l-5.734 3.31.001 6.62 5.733-3.31h12.51l5.733 3.31v-6.62Z" }), jsx("path", { fill: "#0D0D0D", d: "M7.757 22.54s5.734 3.327 5.734 3.31C13.49 25.832 26 18.628 26 18.628l12.509 7.222 5.734-3.31L26 12.007 7.757 22.54Z" }), jsx("path", { fill: "url(#quindos_svg__b)", d: "m38.509 33.072-5.733-3.31v-6.62l5.733 3.31v6.62Z", opacity: 0.8 }), jsx("path", { fill: "url(#quindos_svg__c)", d: "M13.491 33.072 7.236 29.46v-6.62l6.255 3.61v6.62Z", opacity: 0.8 }), jsx("path", { fill: "url(#quindos_svg__d)", d: "M32.255 30.063h-12.51v6.62h12.51", opacity: 0.4 }), jsx("path", { fill: "url(#quindos_svg__e)", d: "m37.988 33.373-5.733-3.31v6.62l5.733 3.31v-6.62Z", opacity: 0.56 }), jsx("path", { fill: "url(#quindos_svg__f)", d: "M7.757 22.54s5.734 3.327 5.734 3.31C13.49 25.832 26 18.628 26 18.628l12.509 7.222 5.734-3.31L26 12.007 7.757 22.54Z", opacity: 0.8 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "quindos_svg__b", x1: 32.134, x2: 40.73, y1: 26.241, y2: 30.811, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#77C3DA" }), jsx("stop", { offset: 0.12, stopColor: "#69ABBF", stopOpacity: 0.87 }), jsx("stop", { offset: 0.55, stopColor: "#385760", stopOpacity: 0.41 }), jsx("stop", { offset: 0.86, stopColor: "#192124", stopOpacity: 0.11 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "quindos_svg__c", x1: 5.805, x2: 15.604, y1: 25.532, y2: 30.742, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#77C3DA" }), jsx("stop", { offset: 0.15, stopColor: "#69ABBF", stopOpacity: 0.87 }), jsx("stop", { offset: 0.49, stopColor: "#46707C", stopOpacity: 0.54 }), jsx("stop", { offset: 0.98, stopColor: "#0F1112", stopOpacity: 0.03 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "quindos_svg__d", x1: 19.752, x2: 32.248, y1: 30.05, y2: 36.695, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#77C3DA" }), jsx("stop", { offset: 0.03, stopColor: "#72BBD1", stopOpacity: 0.96 }), jsx("stop", { offset: 0.39, stopColor: "#47717E", stopOpacity: 0.55 }), jsx("stop", { offset: 0.68, stopColor: "#273B41", stopOpacity: 0.25 }), jsx("stop", { offset: 0.89, stopColor: "#14191B", stopOpacity: 0.07 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "quindos_svg__e", x1: 30.828, x2: 39.414, y1: 32.745, y2: 37.31, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#77C3DA" }), jsx("stop", { offset: 0.01, stopColor: "#73BCD2", stopOpacity: 0.96 }), jsx("stop", { offset: 0.11, stopColor: "#5B93A4", stopOpacity: 0.74 }), jsx("stop", { offset: 0.22, stopColor: "#466F7B", stopOpacity: 0.54 }), jsx("stop", { offset: 0.32, stopColor: "#345159", stopOpacity: 0.37 }), jsx("stop", { offset: 0.43, stopColor: "#26383D", stopOpacity: 0.24 }), jsx("stop", { offset: 0.55, stopColor: "#1B2528", stopOpacity: 0.13 }), jsx("stop", { offset: 0.67, stopColor: "#131718", stopOpacity: 0.06 }), jsx("stop", { offset: 0.81, stopColor: "#0E0F0F", stopOpacity: 0.01 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "quindos_svg__f", x1: 11.896, x2: 40.34, y1: 14.755, y2: 29.879, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#77C3DA" }), jsx("stop", { offset: 0.3, stopColor: "#538695", stopOpacity: 0.67 }), jsx("stop", { offset: 0.64, stopColor: "#2D454C", stopOpacity: 0.31 }), jsx("stop", { offset: 0.88, stopColor: "#161C1E", stopOpacity: 0.09 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "quindos_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgQuindos);

export { Memo as default };