@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.
35 lines (32 loc) • 5.35 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { memo } from 'react';
const SvgThreeDWhiteboard = (props) => (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", id: "three-d-whiteboard_svg__visual", viewBox: "0 0 1024 1024", ...props, children: [jsxs("defs", { children: [jsxs("linearGradient", { id: "three-d-whiteboard_svg__Degrade_sans_nom_14", x1: 0.13, x2: 1023.87, y1: 239.83, y2: 784.17, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#a5d867" }), jsx("stop", { offset: 0.19, stopColor: "#a1d668" }), jsx("stop", { offset: 0.35, stopColor: "#97d26d" }), jsx("stop", { offset: 0.49, stopColor: "#86cc76" }), jsx("stop", { offset: 0.63, stopColor: "#6fc382" }), jsx("stop", { offset: 0.76, stopColor: "#50b791" }), jsx("stop", { offset: 0.88, stopColor: "#2ba8a4" }), jsx("stop", { offset: 1, stopColor: "#0098ba" })] }), jsxs("linearGradient", { id: "three-d-whiteboard_svg__Degrade_sans_nom_122", x1: 402.37, x2: 620.69, y1: 365.08, y2: 481.17, gradientUnits: "userSpaceOnUse", children: [jsx("stop", { offset: 0, stopColor: "#a5d867" }), jsx("stop", { offset: 0.1, stopColor: "#9fd063", stopOpacity: 0.96 }), jsx("stop", { offset: 0.25, stopColor: "#8fba5a", stopOpacity: 0.86 }), jsx("stop", { offset: 0.44, stopColor: "#74974a", stopOpacity: 0.68 }), jsx("stop", { offset: 0.66, stopColor: "#506734", stopOpacity: 0.44 }), jsx("stop", { offset: 0.9, stopColor: "#222919", stopOpacity: 0.14 }), jsx("stop", { offset: 1, stopColor: "#0d0d0d", stopOpacity: 0 })] }), jsx("linearGradient", { xlinkHref: "#three-d-whiteboard_svg__Degrade_sans_nom_122", id: "three-d-whiteboard_svg__Degrade_sans_nom_122-2", x1: 149.98, x2: 360.38, y1: 380.5, y2: 492.37 }), jsx("linearGradient", { xlinkHref: "#three-d-whiteboard_svg__Degrade_sans_nom_122", id: "three-d-whiteboard_svg__Degrade_sans_nom_122-3", x1: 588.86, x2: 807.71, y1: 255.91, y2: 372.27 }), jsx("linearGradient", { xlinkHref: "#three-d-whiteboard_svg__Degrade_sans_nom_122", id: "three-d-whiteboard_svg__Degrade_sans_nom_122-4", x1: 336.66, x2: 547.3, y1: 488.66, y2: 600.66 }), jsx("linearGradient", { xlinkHref: "#three-d-whiteboard_svg__Degrade_sans_nom_122", id: "three-d-whiteboard_svg__Degrade_sans_nom_122-5", x1: 148.62, x2: 548.38, y1: 601.46, y2: 814.01 }), jsx("linearGradient", { xlinkHref: "#three-d-whiteboard_svg__Degrade_sans_nom_122", id: "three-d-whiteboard_svg__Degrade_sans_nom_122-6", x1: 258.48, x2: 577.49, y1: 176.44, y2: 346.06 }), jsx("style", { children: '.three-d-whiteboard_svg__cls-4{stroke-width:0;fill:#0d0d0d}' })] }), jsx("rect", { width: 1024, height: 1024, rx: 320, ry: 320, style: {
fill: 'url(#three-d-whiteboard_svg__Degrade_sans_nom_14)',
strokeWidth: 0,
} }), jsx("path", { d: "m511.67 343.19-139.71 79.08 140.02 81.1L652 422.29l-140.33-79.1zM185.33 314.02l139.7 81.26v163.56l-139.65-80.85-.05-163.97zM698.65 233.02l140.02 81.01-141 81-139.46-81.49 140.44-80.52zM652 422.29l-140 81.08v163.68c29.18-16.84 103.08-59.83 140-81.1V422.29ZM651.67 640.18l-140 81.05v161.81c29.18-16.84 103.08-59.64 140-80.91V640.17Z", className: "three-d-whiteboard_svg__cls-4" }), jsx("path", { d: "M371.96 422.27 512 503.37v163.68c-29.24-16.84-103.32-59.64-140.33-80.91l.29-163.86ZM698.44 775.33l-.77-380.31 141-81v319.83c0 37.26-19.84 71.7-52.08 90.38l-88.15 51.09ZM185.33 532.43l326.34 188.8v161.81L237.48 724.4c-32.27-18.67-52.15-53.13-52.15-90.42V532.44Z", className: "three-d-whiteboard_svg__cls-4" }), jsx("path", { d: "m511.67 343.19-139.71 79.08 140.02 81.1L652 422.29l-140.33-79.1z", style: {
fill: 'url(#three-d-whiteboard_svg__Degrade_sans_nom_122)',
opacity: 0.7,
strokeWidth: 0,
} }), jsx("path", { d: "m185.33 314.02 139.7 81.26v163.56l-139.65-80.85-.05-163.97z", style: {
opacity: 0.7,
strokeWidth: 0,
fill: 'url(#three-d-whiteboard_svg__Degrade_sans_nom_122-2)',
} }), jsx("path", { d: "m698.65 233.02 140.02 81.01-141 81-139.46-81.49 140.44-80.52z", style: {
fill: 'url(#three-d-whiteboard_svg__Degrade_sans_nom_122-3)',
opacity: 0.7,
strokeWidth: 0,
} }), jsx("path", { d: "M371.96 422.27 512 503.37v163.68c-29.24-16.84-103.32-59.64-140.33-80.91l.29-163.86Z", style: {
fill: 'url(#three-d-whiteboard_svg__Degrade_sans_nom_122-4)',
opacity: 0.7,
strokeWidth: 0,
} }), jsx("path", { d: "m185.33 532.43 326.34 188.8v161.81L237.48 724.4c-32.27-18.67-52.15-53.13-52.15-90.42V532.44Z", style: {
fill: 'url(#three-d-whiteboard_svg__Degrade_sans_nom_122-5)',
opacity: 0.7,
strokeWidth: 0,
} }), jsx("path", { d: "m563.22 155.12 88.45 51.44-326.64 188.72-139.7-81.26 272.81-158.86c32.47-18.91 72.6-18.92 105.09-.03Z", className: "three-d-whiteboard_svg__cls-4" }), jsx("path", { d: "m563.22 155.12 88.45 51.44-326.64 188.72-139.7-81.26 272.81-158.86c32.47-18.91 72.6-18.92 105.09-.03Z", style: {
fill: 'url(#three-d-whiteboard_svg__Degrade_sans_nom_122-6)',
opacity: 0.7,
strokeWidth: 0,
} })] }));
const Memo = memo(SvgThreeDWhiteboard);
export { Memo as default };