@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) • 6.03 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgCaeFatigue = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#cae-fatigue_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: "m30.54 8.633-5.012 8.683L30.54 26l-5.012 8.684 5.012 8.683H11.604V8.633H30.54Z" }), jsx("path", { fill: "#0D0D0D", d: "M31.657 8.633h8.74v34.734h-8.74l-5.017-8.683L31.657 26l-5.017-8.684 5.017-8.683Z" }), jsx("path", { fill: "url(#cae-fatigue_svg__b)", d: "m30.54 8.633-5.012 8.683L30.54 26l-5.012 8.684 5.012 8.683H11.598V8.632H30.54Z", opacity: 0.64 }), jsx("path", { fill: "url(#cae-fatigue_svg__c)", d: "M25.528 17.316 30.54 26l-5.012 8.684 5.012 8.683H11.604V17.332l13.924-.016Z", opacity: 0.16 }), jsx("path", { fill: "url(#cae-fatigue_svg__d)", d: "m30.54 26-5.012 8.684-13.924-.01v-8.69", opacity: 0.24 }), jsx("path", { fill: "url(#cae-fatigue_svg__e)", d: "M25.528 17.316 30.54 26l-18.936.025v-8.693l13.924-.016Z", opacity: 0.4 }), jsx("path", { fill: "url(#cae-fatigue_svg__f)", d: "M31.657 8.633h8.74v34.734h-8.74l-5.017-8.683L31.657 26l-5.017-8.684 5.017-8.683Z", opacity: 0.4 }), jsx("path", { fill: "url(#cae-fatigue_svg__g)", d: "M40.397 17.382v25.985h-8.74l-5.017-8.683L31.657 26l-5.017-8.684 13.757.066Z", opacity: 0.4 }), jsx("path", { fill: "url(#cae-fatigue_svg__h)", d: "M40.397 17.382v17.19l-13.757.112L31.657 26l-5.017-8.684 13.757.066Z", opacity: 0.32 }), jsx("path", { fill: "url(#cae-fatigue_svg__i)", d: "m25.528 34.684 5.012 8.683H11.604v-8.694", opacity: 0.64 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "cae-fatigue_svg__b", x1: 4.78, x2: 33.943, y1: 17.338, y2: 32.844, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#F95B61" }), jsx("stop", { offset: 0.305, stopColor: "#B74549", stopOpacity: 0.695 }), jsx("stop", { offset: 1, stopColor: "#151010", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "cae-fatigue_svg__c", x1: 7.742, x2: 33.301, y1: 24.588, y2: 38.177, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.021, stopColor: "#E7555B" }), jsx("stop", { offset: 0.081, stopColor: "#BA464B" }), jsx("stop", { offset: 0.146, stopColor: "#90383C" }), jsx("stop", { offset: 0.216, stopColor: "#6D2D2F" }), jsx("stop", { offset: 0.291, stopColor: "#4F2324" }), jsx("stop", { offset: 0.373, stopColor: "#371B1C" }), jsx("stop", { offset: 0.466, stopColor: "#241515" }), jsx("stop", { offset: 0.576, stopColor: "#171011" }), jsx("stop", { offset: 0.716, stopColor: "#0F0E0E" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxs("linearGradient", { id: "cae-fatigue_svg__d", x1: 11.886, x2: 26.656, y1: 25.453, y2: 33.306, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsx("stop", { offset: 1, stopColor: "#F95B61", stopOpacity: 0.963 })] }), jsxs("linearGradient", { id: "cae-fatigue_svg__e", x1: 10.76, x2: 29.119, y1: 17.522, y2: 27.284, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0.4 }), jsx("stop", { offset: 0.091, stopColor: "#151010", stopOpacity: 0.454 }), jsx("stop", { offset: 0.231, stopColor: "#2B1718", stopOpacity: 0.538 }), jsx("stop", { offset: 0.403, stopColor: "#4E2324", stopOpacity: 0.642 }), jsx("stop", { offset: 0.601, stopColor: "#803336", stopOpacity: 0.761 }), jsx("stop", { offset: 0.818, stopColor: "#BF484C", stopOpacity: 0.89 }), jsx("stop", { offset: 1, stopColor: "#F95B61" })] }), jsxs("linearGradient", { id: "cae-fatigue_svg__f", x1: 26.642, x2: 40.399, y1: 26, y2: 26, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.295, stopColor: "#AB4145", stopOpacity: 0.705 }), jsx("stop", { offset: 0.639, stopColor: "#572527", stopOpacity: 0.361 }), jsx("stop", { offset: 0.882, stopColor: "#221414", stopOpacity: 0.118 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "cae-fatigue_svg__g", x1: 26.642, x2: 40.399, y1: 30.342, y2: 30.342, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.021, stopColor: "#E7555B" }), jsx("stop", { offset: 0.081, stopColor: "#BA464B" }), jsx("stop", { offset: 0.146, stopColor: "#90383C" }), jsx("stop", { offset: 0.216, stopColor: "#6D2D2F" }), jsx("stop", { offset: 0.291, stopColor: "#4F2324" }), jsx("stop", { offset: 0.373, stopColor: "#371B1C" }), jsx("stop", { offset: 0.466, stopColor: "#241515" }), jsx("stop", { offset: 0.576, stopColor: "#171011" }), jsx("stop", { offset: 0.716, stopColor: "#0F0E0E" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxs("linearGradient", { id: "cae-fatigue_svg__h", x1: 40.399, x2: 26.642, y1: 26, y2: 26, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsx("stop", { offset: 0.109, stopColor: "#1F1313", stopOpacity: 0.109 }), jsx("stop", { offset: 0.328, stopColor: "#4D2224", stopOpacity: 0.328 }), jsx("stop", { offset: 0.636, stopColor: "#983B3F", stopOpacity: 0.636 }), jsx("stop", { offset: 1, stopColor: "#F95B61" })] }), jsxs("linearGradient", { id: "cae-fatigue_svg__i", x1: 10.255, x2: 28.624, y1: 34.607, y2: 44.374, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#0D0D0D", stopOpacity: 0 }), jsx("stop", { offset: 1, stopColor: "#F95B61" })] }), jsx("clipPath", { id: "cae-fatigue_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgCaeFatigue);
export { Memo as default };