@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) • 4.12 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgQualityAssuranceElevate = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsx("g", { clipPath: "url(#quality-assurance-elevate_svg__a)", children: jsxs("g", { clipPath: "url(#quality-assurance-elevate_svg__b)", children: [jsx("path", { fill: "url(#quality-assurance-elevate_svg__c)", d: "M35.8 0H16.2C7.253 0 0 7.253 0 16.2v19.6C0 44.747 7.253 52 16.2 52h19.6C44.747 52 52 44.747 52 35.8V16.2C52 7.253 44.747 0 35.8 0Z" }), jsx("path", { fill: "#000", d: "M17.9 43.4V17.9l6 3.5v18.5l-6 3.5ZM25.9 38.7V13.3l6.1 3.5v18.5l-6.1 3.4ZM33.9 34.1V8.6l6 3.5v18.5l-6 3.5Z" }), jsx("path", { fill: "#000", d: "m27.9 12.1 6 3.5v-7l-6 3.5Z" }), jsx("path", { fill: "url(#quality-assurance-elevate_svg__d)", d: "M17.9 43.4V17.9l6 3.5v18.5l-6 3.5Z" }), jsx("path", { fill: "url(#quality-assurance-elevate_svg__e)", d: "M25.9 38.7V13.3l6.1 3.5v18.5l-6.1 3.4Z" }), jsx("path", { fill: "url(#quality-assurance-elevate_svg__f)", d: "M33.9 34.1V8.6l6 3.5v18.5l-6 3.5Z" }), jsx("path", { fill: "url(#quality-assurance-elevate_svg__g)", d: "m27.9 12.1 6 3.5v-7l-6 3.5Z" }), jsx("path", { fill: "#000", d: "m20 16.7 5.9 3.5v-6.9L20 16.7Z" }), jsx("path", { fill: "url(#quality-assurance-elevate_svg__h)", d: "m20 16.7 5.9 3.5v-6.9L20 16.7Z" }), jsx("path", { fill: "#000", d: "m12 21.4 5.9 3.4v-6.9L12 21.4Z" }), jsx("path", { fill: "url(#quality-assurance-elevate_svg__i)", d: "m12 21.4 5.9 3.4v-6.9L12 21.4Z" })] }) }), jsxs("defs", { children: [jsxs("linearGradient", { id: "quality-assurance-elevate_svg__c", x1: 0, x2: 52, y1: 12.2, y2: 39.8, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867" }), jsx("stop", { offset: 0.2, stopColor: "#A1D668" }), jsx("stop", { offset: 0.4, stopColor: "#97D26D" }), jsx("stop", { offset: 0.5, stopColor: "#86CC76" }), jsx("stop", { offset: 0.6, stopColor: "#6FC382" }), jsx("stop", { offset: 0.8, stopColor: "#50B791" }), jsx("stop", { offset: 0.9, stopColor: "#2BA8A4" }), jsx("stop", { offset: 1, stopColor: "#0098BA" })] }), jsxs("linearGradient", { id: "quality-assurance-elevate_svg__d", x1: 12.7, x2: 26.4, y1: 27.8, y2: 35.1, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867", stopOpacity: 0.7 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "quality-assurance-elevate_svg__e", x1: 20.7, x2: 34.5, y1: 23.2, y2: 30.5, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867", stopOpacity: 0.7 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "quality-assurance-elevate_svg__f", x1: 28.6, x2: 42.4, y1: 18.6, y2: 25.9, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867", stopOpacity: 0.7 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "quality-assurance-elevate_svg__g", x1: 29.3, x2: 35.4, y1: 9.6, y2: 12.9, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867", stopOpacity: 0.7 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "quality-assurance-elevate_svg__h", x1: 21.3, x2: 27.4, y1: 14.3, y2: 17.5, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867", stopOpacity: 0.7 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "quality-assurance-elevate_svg__i", x1: 13.3, x2: 19.4, y1: 18.9, y2: 22.1, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#A5D867", stopOpacity: 0.7 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "quality-assurance-elevate_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) }), jsx("clipPath", { id: "quality-assurance-elevate_svg__b", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgQualityAssuranceElevate);
export { Memo as default };