@nexusui/branding/Actran.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 SvgActran = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 52 52", ...props, children: [jsxs("g", { clipPath: "url(#actran_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: "#EA9030", 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: "m16.758 26.355-3.362-5.672h6.723l3.362 5.672-3.362 5.673h-6.718l3.357-5.672Z" }), jsx("path", { fill: "#0D0D0D", d: "m24.32 26.355-7.562-12.76h6.723l7.562 12.76-7.145 12.05h-6.719l7.14-12.05Z" }), jsx("path", { fill: "#0D0D0D", d: "M31.88 26.355 20.541 7.212h6.718l11.345 19.145L27.68 44.788h-6.724l10.924-18.434Z" }), jsx("path", { fill: "url(#actran_svg__b)", d: "m16.758 26.355-3.362-5.672h6.723l3.362 5.672h-6.723Z", opacity: 0.8 }), jsx("path", { fill: "url(#actran_svg__c)", d: "m24.32 26.355-7.562-12.76h6.723l7.562 12.76h-6.724Z", opacity: 0.8 }), jsx("path", { fill: "url(#actran_svg__d)", d: "M31.88 26.355 20.541 7.212h6.718l11.345 19.145H31.88Z", opacity: 0.8 }), jsx("path", { fill: "url(#actran_svg__e)", d: "m31.043 26.355-7.145 12.05h-6.719l7.14-12.05", opacity: 0.16 }), jsx("path", { fill: "url(#actran_svg__f)", d: "M38.604 26.355 27.68 44.79h-6.724L31.88 26.355", opacity: 0.16 }), jsx("path", { fill: "url(#actran_svg__g)", d: "m23.481 26.355-3.362 5.673h-6.718l3.357-5.672", opacity: 0.16 })] }), jsxs("defs", { children: [jsxs("linearGradient", { id: "actran_svg__b", x1: 13.334, x2: 23.544, y1: 20.804, y2: 26.233, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 0.095, stopColor: "#E28B2F", stopOpacity: 0.905 }), jsx("stop", { offset: 0.24, stopColor: "#CD7F2B", stopOpacity: 0.76 }), jsx("stop", { offset: 0.417, stopColor: "#AB6B26", stopOpacity: 0.583 }), jsx("stop", { offset: 0.618, stopColor: "#7B4E1E", stopOpacity: 0.382 }), jsx("stop", { offset: 0.837, stopColor: "#3F2B15", stopOpacity: 0.163 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "actran_svg__c", x1: 15.688, x2: 32.112, y1: 15.607, y2: 24.34, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 0.104, stopColor: "#E48D2F", stopOpacity: 0.895 }), jsx("stop", { offset: 0.24, stopColor: "#D4832D", stopOpacity: 0.76 }), jsx("stop", { offset: 0.393, stopColor: "#B97328", stopOpacity: 0.607 }), jsx("stop", { offset: 0.559, stopColor: "#945D22", stopOpacity: 0.441 }), jsx("stop", { offset: 0.735, stopColor: "#64401B", stopOpacity: 0.265 }), jsx("stop", { offset: 0.917, stopColor: "#2A1E12", stopOpacity: 0.083 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "actran_svg__d", x1: 18.562, x2: 40.579, y1: 10.93, y2: 22.636, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 0.107, stopColor: "#E48D2F", stopOpacity: 0.893 }), jsx("stop", { offset: 0.245, stopColor: "#D4832D", stopOpacity: 0.755 }), jsx("stop", { offset: 0.4, stopColor: "#BA7328", stopOpacity: 0.6 }), jsx("stop", { offset: 0.567, stopColor: "#955E22", stopOpacity: 0.433 }), jsx("stop", { offset: 0.745, stopColor: "#65411B", stopOpacity: 0.255 }), jsx("stop", { offset: 0.928, stopColor: "#2C2012", stopOpacity: 0.072 }), jsx("stop", { offset: 1, stopColor: "#13110E", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "actran_svg__e", x1: 21.204, x2: 27.015, y1: 30.837, y2: 33.926, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 0.227, stopColor: "#B26F27", stopOpacity: 0.773 }), jsx("stop", { offset: 0.605, stopColor: "#5A3B19", stopOpacity: 0.395 }), jsx("stop", { offset: 0.872, stopColor: "#221A10", stopOpacity: 0.128 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "actran_svg__f", x1: 26.724, x2: 32.837, y1: 33.947, y2: 37.197, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 0.137, stopColor: "#C87C2B", stopOpacity: 0.863 }), jsx("stop", { offset: 0.564, stopColor: "#64411B", stopOpacity: 0.436 }), jsx("stop", { offset: 0.86, stopColor: "#251C11", stopOpacity: 0.14 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsxs("linearGradient", { id: "actran_svg__g", x1: 15.685, x2: 21.193, y1: 27.726, y2: 30.654, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#EA9030" }), jsx("stop", { offset: 0.137, stopColor: "#C87C2B", stopOpacity: 0.863 }), jsx("stop", { offset: 0.564, stopColor: "#64411B", stopOpacity: 0.436 }), jsx("stop", { offset: 0.86, stopColor: "#251C11", stopOpacity: 0.14 }), jsx("stop", { offset: 1, stopColor: "#0D0D0D", stopOpacity: 0 })] }), jsx("clipPath", { id: "actran_svg__a", children: jsx("path", { fill: "#fff", d: "M0 0h52v52H0z" }) })] })] }));
const Memo = memo(SvgActran);

export { Memo as default };