UNPKG

@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.

68 lines (65 loc) 4.48 kB
import { jsxs, jsx } from 'react/jsx-runtime'; import { memo } from 'react'; const SvgFlightLoads = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", id: "flight-loads_svg__icon", x: 0, y: 0, style: { enableBackground: 'new 0 0 1024 1024', }, viewBox: "0 0 1024 1024", ...props, children: [jsx("style", { children: '.flight-loads_svg__st2{fill:#0d0d0d}' }), jsx("path", { d: "M0 320C0 143.3 143.3 0 320 0h384c176.7 0 320 143.3 320 320v384c0 176.7-143.3 320-320 320H320C143.3 1024 0 880.7 0 704V320z", style: { fill: '#fff', } }), jsx("path", { d: "M0 320C0 143.3 143.3 0 320 0h384c176.7 0 320 143.3 320 320v384c0 176.7-143.3 320-320 320H320C143.3 1024 0 880.7 0 704V320z", style: { fill: '#f95b61', } }), jsx("path", { d: "M882 212.9v341.8L586 383.8zM438 298.4v170.9l148-85.5zM438 811.1V469.3L142 640.2z", className: "flight-loads_svg__st2" }), jsxs("linearGradient", { id: "flight-loads_svg__SVGID_1_", x1: 651.24, x2: 952.839, y1: 261.131, y2: 421.494, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, style: { stopColor: '#f95b61', } }), jsx("stop", { offset: 0.121, style: { stopColor: '#d34e53', stopOpacity: 0.8785, } }), jsx("stop", { offset: 0.362, style: { stopColor: '#8d373b', stopOpacity: 0.6384, } }), jsx("stop", { offset: 0.578, style: { stopColor: '#562527', stopOpacity: 0.4218, } }), jsx("stop", { offset: 0.763, style: { stopColor: '#2e1819', stopOpacity: 0.2365, } }), jsx("stop", { offset: 0.91, style: { stopColor: '#161010', stopOpacity: 0.08985764, } }), jsx("stop", { offset: 1, style: { stopColor: '#0d0d0d', stopOpacity: 0, } })] }), jsx("path", { d: "M882 212.9v341.8L586 383.8z", style: { opacity: 0.4, fill: 'url(#flight-loads_svg__SVGID_1_)', } }), jsxs("linearGradient", { id: "flight-loads_svg__SVGID_00000008866855546235721950000002029323624118232982_", x1: 402.58, x2: 553.38, y1: 364.995, y2: 445.177, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, style: { stopColor: '#f95b61', } }), jsx("stop", { offset: 0.09, style: { stopColor: '#f0585e', stopOpacity: 0.9101, } }), jsx("stop", { offset: 0.236, style: { stopColor: '#d85055', stopOpacity: 0.7635, } }), jsx("stop", { offset: 0.422, style: { stopColor: '#b04347', stopOpacity: 0.5782, } }), jsx("stop", { offset: 0.638, style: { stopColor: '#793133', stopOpacity: 0.3616, } }), jsx("stop", { offset: 0.878, style: { stopColor: '#331a1b', stopOpacity: 0.1215, } }), jsx("stop", { offset: 1, style: { stopColor: '#0d0d0d', stopOpacity: 0, } })] }), jsx("path", { d: "M438 298.4v170.9l148-85.5z", style: { opacity: 0.6, fill: 'url(#flight-loads_svg__SVGID_00000008866855546235721950000002029323624118232982_)', } }), jsxs("linearGradient", { id: "flight-loads_svg__SVGID_00000169526261149893464070000002123757116843083141_", x1: 207.239, x2: 508.839, y1: 517.474, y2: 677.838, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, style: { stopColor: '#0d0d0d', stopOpacity: 0, } }), jsx("stop", { offset: 1, style: { stopColor: '#f95b61', } })] }), jsx("path", { d: "M438 811.1V469.3L142 640.2z", style: { opacity: 0.3, fill: 'url(#flight-loads_svg__SVGID_00000169526261149893464070000002123757116843083141_)', } })] })); const Memo = memo(SvgFlightLoads); export { Memo as default };