@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) • 7.44 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgEasyFive = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#easy-five_svg__a)", children: [jsx("path", { fill: "#F95B61", 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: "m15.74 17.873 5.016 2.896 15.96-9.215L31.7 8.658l-15.96 9.215ZM21.212 21.033l15.96-9.215 5.017 2.895v6.384l-5.017 2.85V17.61l-10.944 6.319-5.016-2.896Z" }), jsx("path", { fill: "#0D0D0D", d: "M31.7 21.296v18.886l5.016-2.896V18.4L31.7 21.296ZM26.228 24.455v12.568l-5.016-2.897v6.32l5.016 2.896 5.016-2.896V21.49l-5.016 2.964Z" }), jsx("path", { fill: "#0D0D0D", d: "M25.786 24.2v5.792L9.812 20.769v-5.792l5.472-3.16 5.016 2.897-5.489 3.169L25.786 24.2ZM9.812 21.296l15.974 9.223v5.829L9.812 27.113v-5.817Z" }), jsx("path", { fill: "url(#easy-five_svg__b)", d: "m15.74 17.873 5.016 2.896 15.96-9.215L31.7 8.658l-15.96 9.215Z", opacity: 0.4 }), jsx("path", { fill: "url(#easy-five_svg__c)", d: "m37.172 17.61-10.944 6.319-5.016-2.896 15.96-9.215 5.017 2.895", opacity: 0.4 }), jsx("path", { fill: "url(#easy-five_svg__d)", d: "M31.7 21.296v18.886l5.016-2.896V18.4L31.7 21.296Z", opacity: 0.16 }), jsx("path", { fill: "url(#easy-five_svg__e)", d: "m26.228 43.342 5.016-2.896V21.49l-5.016 2.964v12.568", opacity: 0.24 }), jsx("path", { fill: "url(#easy-five_svg__f)", d: "M14.811 17.883 25.786 24.2v5.792L9.812 20.769v-5.792", opacity: 0.32 }), jsx("path", { fill: "url(#easy-five_svg__g)", d: "m9.812 21.296 15.974 9.223v5.829L9.812 27.113v-5.817Z", opacity: 0.32 }), jsx("path", { fill: "url(#easy-five_svg__h)", d: "m9.812 14.977 5.472-3.16 5.016 2.897-5.489 3.169", opacity: 0.8 }), jsx("path", { fill: "url(#easy-five_svg__i)", d: "M42.188 14.713v6.384l-5.016 2.85V17.61", opacity: 0.4 }), jsx("path", { fill: "url(#easy-five_svg__j)", d: "m26.228 37.023-5.016-2.897v6.32l5.016 2.896", opacity: 0.64 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "easy-five_svg__b", x1: 19.361, x2: 33.095, y1: 11.062, y2: 18.365, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.12, stopColor: "#E25358", stopOpacity: 0.9 }), jsx("stop", { offset: 0.39, stopColor: "#A63F43", stopOpacity: 0.65 }), jsx("stop", { offset: 0.77, stopColor: "#492022", stopOpacity: 0.26 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "easy-five_svg__c", x1: 24.833, x2: 38.567, y1: 14.222, y2: 21.524, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.18, stopColor: "#C54A4E", stopOpacity: 0.78 }), jsx("stop", { offset: 0.48, stopColor: "#773032", stopOpacity: 0.45 }), jsx("stop", { offset: 0.73, stopColor: "#3E1D1E", stopOpacity: 0.21 }), jsx("stop", { offset: 0.91, stopColor: "#1A1111", stopOpacity: 0.06 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "easy-five_svg__d", x1: 28.939, x2: 39.478, y1: 26.489, y2: 32.093, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F4595F", stopOpacity: 0.98 }), jsx("stop", { offset: 0.04, stopColor: "#C94B50", stopOpacity: 0.8 }), jsx("stop", { offset: 0.09, stopColor: "#A13E41", stopOpacity: 0.63 }), jsx("stop", { offset: 0.14, stopColor: "#7D3235", stopOpacity: 0.48 }), jsx("stop", { offset: 0.19, stopColor: "#5F282A", stopOpacity: 0.35 }), jsx("stop", { offset: 0.25, stopColor: "#451F21", stopOpacity: 0.24 }), jsx("stop", { offset: 0.32, stopColor: "#301819", stopOpacity: 0.15 }), jsx("stop", { offset: 0.39, stopColor: "#201313", stopOpacity: 0.08 }), jsx("stop", { offset: 0.49, stopColor: "#150F0F", stopOpacity: 0.03 }), jsx("stop", { offset: 0.63, stopColor: "#0E0D0D", stopOpacity: 0 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "easy-five_svg__e", x1: 23.481, x2: 34.02, y1: 29.622, y2: 35.225, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA565C", stopOpacity: 0.94 }), jsx("stop", { offset: 0.06, stopColor: "#C3494E", stopOpacity: 0.77 }), jsx("stop", { offset: 0.13, stopColor: "#983B3E", stopOpacity: 0.59 }), jsx("stop", { offset: 0.21, stopColor: "#732E31", stopOpacity: 0.43 }), jsx("stop", { offset: 0.29, stopColor: "#532426", stopOpacity: 0.3 }), jsx("stop", { offset: 0.38, stopColor: "#391B1C", stopOpacity: 0.19 }), jsx("stop", { offset: 0.49, stopColor: "#251515", stopOpacity: 0.1 }), jsx("stop", { offset: 0.6, stopColor: "#171010", stopOpacity: 0.04 }), jsx("stop", { offset: 0.75, stopColor: "#0F0D0D", stopOpacity: 0.01 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "easy-five_svg__f", x1: 8.46, x2: 27.138, y1: 17.519, y2: 27.45, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.08, stopColor: "#D64F54" }), jsx("stop", { offset: 0.21, stopColor: "#A13E41" }), jsx("stop", { offset: 0.34, stopColor: "#742F31" }), jsx("stop", { offset: 0.48, stopColor: "#4E2224" }), jsx("stop", { offset: 0.61, stopColor: "#32191A" }), jsx("stop", { offset: 0.74, stopColor: "#1D1212" }), jsx("stop", { offset: 0.87, stopColor: "#110E0E" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxs("linearGradient", { id: "easy-five_svg__g", x1: 8.452, x2: 27.145, y1: 23.852, y2: 33.791, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.15, stopColor: "#CF4D52" }), jsx("stop", { offset: 0.46, stopColor: "#7D3234" }), jsx("stop", { offset: 0.71, stopColor: "#401E1F" }), jsx("stop", { offset: 0.9, stopColor: "#1B1112" }), jsx("stop", { offset: 1, stopColor: "#0D0D0D" })] }), jsxs("linearGradient", { id: "easy-five_svg__h", x1: 11.018, x2: 19.086, y1: 12.707, y2: 16.997, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#F95B61" }), jsx("stop", { offset: 0.28, stopColor: "#B44448", stopOpacity: 0.71 }), jsx("stop", { offset: 0.78, stopColor: "#3C1C1E", stopOpacity: 0.2 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "easy-five_svg__i", x1: 37.012, x2: 42.368, y1: 17.912, y2: 20.759, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#ED575D" }), jsx("stop", { offset: 0.34, stopColor: "#963A3E", stopOpacity: 0.61 }), jsx("stop", { offset: 0.66, stopColor: "#4C2123", stopOpacity: 0.28 }), jsx("stop", { offset: 0.89, stopColor: "#1E1213", stopOpacity: 0.08 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "easy-five_svg__j", x1: 19.855, x2: 28.17, y1: 36.679, y2: 41.1, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#C64A4F", stopOpacity: 0.9 }), jsx("stop", { offset: 0.12, stopColor: "#BA464A", stopOpacity: 0.84 }), jsx("stop", { offset: 0.34, stopColor: "#9B3B3F", stopOpacity: 0.66 }), jsx("stop", { offset: 0.64, stopColor: "#692B2D", stopOpacity: 0.38 }), jsx("stop", { offset: 1, stopColor: "#261516", stopOpacity: 0 })] }), jsx("clipPath", { id: "easy-five_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgEasyFive);
export { Memo as default };