chore: Add new nr icons

src/@newrelic/gatsby-theme-newrelic/icons/newrelic.js

@@ -1,18 +1,39 @@
 import defaultIcons from '@newrelic/gatsby-theme-newrelic/src/icons/newrelic';
+import AIMonitoringIcon from './newrelic/ai-monitoring';
 import CaretUp from './newrelic/caret-up';
 import InfoAnnouncement from './newrelic/info-announcement';
+import K8sClusterIcon from './newrelic/k8s-cluster';
 import Dashboard from './newrelic/dashboard';
 import NavCollapseIcon from './newrelic/nav-collapse';
 import VulnerabilityManagementIcon from './newrelic/vulnerability-management';
 import NetworkMonitoringIcon from './newrelic/network-monitoring';
 import MobileIcon from './newrelic/mobile';
+import MonitoringIcon from './newrelic/monitoring';
 import LogsIcon from './newrelic/logs';
 import InfrastructureIcon from './newrelic/infrastructure';
 import BrowserIcon from './newrelic/browser';
 import AlertsAiIcon from './newrelic/alerts-ai';
 import ApmIcon from './newrelic/apm';
 import StackTraceIcon from './newrelic/stack-trace';
 import LatencyIcon from './newrelic/latency';
+import LearningModelsIcon from './newrelic/learning-models';
+import MachineLearningEndpointsIcon from './newrelic/ml-endpoints';
+import SyntheticsIcon from './newrelic/synthetics';
+import UpstreamDeploymentIcon from './newrelic/upstream-deployment';
+import ServiceMapIcon from './newrelic/service-map';
+import QueryIcon from './newrelic/query';
+import HorizontalChartIcon from './newrelic/horizontal-chart';
+import NotesEditIcon from './newrelic/notes-edit';
+import InboxIcon from './newrelic/inbox';
+import IASTIcon from './newrelic/iast';
+import NeedsInstrumentationIcon from './newrelic/needs-instrumentation';
+import VulnerabilityIcon from './newrelic/vulnerability';
+import NotesAddIcon from './newrelic/notes-add';
+import UserIcon from './newrelic/user';
+import AreaChartIcon from './newrelic/area-chart';
+import BookmarkIcon from './newrelic/bookmark';
+import PrivateIcon from './newrelic/private';
+import AttachmentIcon from './newrelic/attachment';
 
 export default {
   ...defaultIcons,
@@ -30,4 +51,25 @@ export default {
   apm: ApmIcon,
   'stack-trace': StackTraceIcon,
   latency: LatencyIcon,
+  monitoring: MonitoringIcon,
+  'ai-monitoring': AIMonitoringIcon,
+  'k8s-cluster': K8sClusterIcon,
+  'learning-models': LearningModelsIcon,
+  'ml-endpoints': MachineLearningEndpointsIcon,
+  synthetics: SyntheticsIcon,
+  'upstream-deployment': UpstreamDeploymentIcon,
+  'service-map': ServiceMapIcon,
+  query: QueryIcon,
+  'horizontal-chart': HorizontalChartIcon,
+  'notes-edit': NotesEditIcon,
+  inbox: InboxIcon,
+  iast: IASTIcon,
+  'needs-instrumentation': NeedsInstrumentationIcon,
+  vulnerability: VulnerabilityIcon,
+  'notes-add': NotesAddIcon,
+  user: UserIcon,
+  'area-chart': AreaChartIcon,
+  bookmark: BookmarkIcon,
+  private: PrivateIcon,
+  attachment: AttachmentIcon,
 };

src/@newrelic/gatsby-theme-newrelic/icons/newrelic/ai-monitoring.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from '@emotion/react';
+import SVG from '@newrelic/gatsby-theme-newrelic/src/components/SVG';
+
+const AIMonitoringIcon = (props) => (
+  <SVG
+    {...props}
+    viewBox="-.5 -.5 16 16"
+    css={css`
+      fill: currentColor;
+      stroke: currentColor;
+      stroke-width: 0.25;
+    `}
+  >
+    <path d="M15 1.876c-1.68 0-1.876-.197-1.876-1.876h-.938c0 1.68-.197 1.876-1.876 1.876v.938c1.679 0 1.876.197 1.876 1.876h.938c0-1.679.197-1.876 1.876-1.876v-.938zM7.477 14.071h.018l.01.01a.474.474 0 00.44-.32L9.748 8.34l.76 1.707a.474.474 0 00.431.281H15V9.39h-3.762l-1.125-2.533c-.075-.178-.235-.281-.45-.281a.463.463 0 00-.423.319l-1.67 5.01L5.478 3.18a.452.452 0 00-.44-.356.465.465 0 00-.46.337l-1.801 6.23H0v.937h3.124c.206 0 .394-.14.45-.337l1.407-4.869 2.064 8.593a.46.46 0 00.432.356z"></path>
+  </SVG>
+);
+
+AIMonitoringIcon.propTypes = {
+  size: PropTypes.string,
+};
+
+export default AIMonitoringIcon;

src/@newrelic/gatsby-theme-newrelic/icons/newrelic/area-chart.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from '@emotion/react';
+import SVG from '@newrelic/gatsby-theme-newrelic/src/components/SVG';
+
+const AreaChartIcon = (props) => (
+  <SVG
+    {...props}
+    viewBox="-.5 -.5 16 16"
+    css={css`
+      fill: currentColor;
+      stroke: currentColor;
+      stroke-width: 0.25;
+    `}
+  >
+    <path
+      fill-rule="evenodd"
+      d="M2 1v12h13v1H1V1h1zm12 1.293V11H4V8.5l3.5-3.7 1.995 1.997L14 2.293zm-1.001 2.415L9.495 8.211 7.519 6.234l-2.52 2.664V10h8V4.708z"
+      clip-rule="evenodd"
+    ></path>
+  </SVG>
+);
+
+AreaChartIcon.propTypes = {
+  size: PropTypes.string,
+};
+
+export default AreaChartIcon;

src/@newrelic/gatsby-theme-newrelic/icons/newrelic/attachment.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from '@emotion/react';
+import SVG from '@newrelic/gatsby-theme-newrelic/src/components/SVG';
+
+const AttachmentIcon = (props) => (
+  <SVG
+    {...props}
+    viewBox="-.5 -.5 16 16"
+    css={css`
+      fill: currentColor;
+      stroke: currentColor;
+      stroke-width: 0.25;
+    `}
+  >
+    <path
+      fill-rule="evenodd"
+      d="M13 4H4C1.8 4 0 5.8 0 8s1.8 4 4 4h8v-1H4c-1.7 0-3-1.3-3-3s1.3-3 3-3h9c1.1 0 2 .9 2 2s-.9 2-2 2H6c-.6 0-1-.4-1-1s.4-1 1-1h6V6H6c-1.1 0-2 .9-2 2s.9 2 2 2h7c1.7 0 3-1.3 3-3s-1.3-3-3-3z"
+      clip-rule="evenodd"
+    ></path>
+  </SVG>
+);
+
+AttachmentIcon.propTypes = {
+  size: PropTypes.string,
+};
+
+export default AttachmentIcon;

src/@newrelic/gatsby-theme-newrelic/icons/newrelic/bookmark.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from '@emotion/react';
+import SVG from '@newrelic/gatsby-theme-newrelic/src/components/SVG';
+
+const BookmarkIcon = (props) => (
+  <SVG
+    {...props}
+    viewBox="-.5 -.5 16 16"
+    css={css`
+      fill: currentColor;
+      stroke: currentColor;
+      stroke-width: 0.25;
+    `}
+  >
+    <path
+      fill-rule="evenodd"
+      d="M8 9.91l-4.756 4.053c-.035.03-.058.035-.073.036a.141.141 0 01-.075-.014.171.171 0 01-.069-.06.187.187 0 01-.027-.107V2.18c0-.12.09-.18.154-.18h9.692c.064 0 .154.06.154.18v11.638a.187.187 0 01-.027.107.172.172 0 01-.07.06.14.14 0 01-.074.014c-.015-.001-.038-.006-.073-.036L8 9.911zm0 1.315l-4.107 3.5c-.752.64-1.893.093-1.893-.907V2.18C2 1.528 2.517 1 3.154 1h9.692C13.483 1 14 1.528 14 2.18v11.638c0 1-1.141 1.547-1.893.906L8 11.224z"
+      clip-rule="evenodd"
+    ></path>
+  </SVG>
+);
+
+BookmarkIcon.propTypes = {
+  size: PropTypes.string,
+};
+
+export default BookmarkIcon;

src/@newrelic/gatsby-theme-newrelic/icons/newrelic/horizontal-chart.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from '@emotion/react';
+import SVG from '@newrelic/gatsby-theme-newrelic/src/components/SVG';
+
+const HorizontalChartIcon = (props) => (
+  <SVG
+    {...props}
+    viewBox="-.5 -.5 16 16"
+    css={css`
+      fill: currentColor;
+      stroke: currentColor;
+      stroke-width: 0.25;
+    `}
+  >
+    <path
+      fill-rule="evenodd"
+      d="M1 5v6h14V5H1zm11 1H8v4h4V6zm1 0v4h1V6h-1zM2 6h5v4H2V6z"
+      clip-rule="evenodd"
+    ></path>
+  </SVG>
+);
+
+HorizontalChartIcon.propTypes = {
+  size: PropTypes.string,
+};
+
+export default HorizontalChartIcon;

src/@newrelic/gatsby-theme-newrelic/icons/newrelic/iast.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from '@emotion/react';
+import SVG from '@newrelic/gatsby-theme-newrelic/src/components/SVG';
+
+const IASTIcon = (props) => (
+  <SVG
+    {...props}
+    viewBox="-.5 -.5 16 16"
+    css={css`
+      fill: currentColor;
+      stroke: currentColor;
+      stroke-width: 0.25;
+    `}
+  >
+    <path d="M0 4l7.5-4 5.982 3.19-1.033.575L7.5 1.1 1 4.6v6.8l5 2.692V15.2L0 12V4zM7.5 16v-1.1l6.5-3.5V4.6l-.005-.003.996-.602L15 4v8l-7.5 4z"></path>
+    <path
+      fill-rule="evenodd"
+      d="M10.866 6.34l-4.044 4.356-2.651-2.32.658-.752 1.92 1.68 3.385-3.644.732.68z"
+      clip-rule="evenodd"
+    ></path>
+  </SVG>
+);
+
+IASTIcon.propTypes = {
+  size: PropTypes.string,
+};
+
+export default IASTIcon;

src/@newrelic/gatsby-theme-newrelic/icons/newrelic/inbox.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from '@emotion/react';
+import SVG from '@newrelic/gatsby-theme-newrelic/src/components/SVG';
+
+const InboxIcon = (props) => (
+  <SVG
+    {...props}
+    viewBox="-.5 -.5 16 16"
+    css={css`
+      fill: currentColor;
+      stroke: currentColor;
+      stroke-width: 0.25;
+    `}
+  >
+    <path
+      fill-rule="evenodd"
+      d="M4.446 1h7.108c.377 0 .747.114 1.067.327a2.131 2.131 0 01.747.882l2.576 5.534A.61.61 0 0116 8v4.82c0 .578-.213 1.133-.594 1.541-.38.41-.895.639-1.433.639H2.027c-.538 0-1.053-.23-1.433-.639A2.267 2.267 0 010 12.82V8c0-.09.02-.177.056-.257L2.632 2.21c.168-.363.426-.669.747-.883.32-.213.69-.327 1.067-.327zm0 1.148a.91.91 0 00-.505.155 1.01 1.01 0 00-.354.418v.001l-2.19 4.704h3.616c.179 0 .345.096.444.256l1.335 2.154h2.416l1.335-2.154a.524.524 0 01.444-.256h3.616l-2.19-4.704v-.001a1.009 1.009 0 00-.354-.418.91.91 0 00-.505-.155m3.38 6.426h-3.662l-1.335 2.154a.524.524 0 01-.444.256H6.507a.524.524 0 01-.444-.256L4.728 8.574H1.067v4.246c0 .274.1.536.28.73.18.194.425.302.68.302h11.946a.928.928 0 00.68-.302c.18-.194.28-.456.28-.73V8.574z"
+      clip-rule="evenodd"
+    ></path>
+  </SVG>
+);
+
+InboxIcon.propTypes = {
+  size: PropTypes.string,
+};
+
+export default InboxIcon;

src/@newrelic/gatsby-theme-newrelic/icons/newrelic/k8s-cluster.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from '@emotion/react';
+import SVG from '@newrelic/gatsby-theme-newrelic/src/components/SVG';
+
+const K8sClusterIcon = (props) => (
+  <SVG
+    {...props}
+    viewBox="-.5 -.5 16 16"
+    css={css`
+      fill: currentColor;
+      stroke: currentColor;
+      stroke-width: 0.25;
+    `}
+  >
+    <path
+      fill-rule="evenodd"
+      d="M0 7.5C0 3.4 3.4 0 7.5 0S15 3.4 15 7.5 11.6 15 7.5 15 0 11.6 0 7.5zm1 0C1 11.1 3.9 14 7.5 14S14 11.1 14 7.5 11.1 1 7.5 1 1 3.9 1 7.5zm2 0C3 5 5 3 7.5 3S12 5 12 7.5 10 12 7.5 12 3 10 3 7.5zm1 0C4 9.4 5.6 11 7.5 11S11 9.4 11 7.5 9.4 4 7.5 4 4 5.6 4 7.5zM7.5 6C6.7 6 6 6.7 6 7.5S6.7 9 7.5 9 9 8.3 9 7.5 8.3 6 7.5 6zm0 2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5.5.2.5.5-.2.5-.5.5z"
+      clip-rule="evenodd"
+    ></path>
+  </SVG>
+);
+
+K8sClusterIcon.propTypes = {
+  size: PropTypes.string,
+};
+
+export default K8sClusterIcon;

src/@newrelic/gatsby-theme-newrelic/icons/newrelic/learning-models.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from '@emotion/react';
+import SVG from '@newrelic/gatsby-theme-newrelic/src/components/SVG';
+
+const LearningModelsIcon = (props) => (
+  <SVG
+    {...props}
+    viewBox="-.5 -.5 16 16"
+    css={css`
+      fill: currentColor;
+      stroke: currentColor;
+      stroke-width: 0.25;
+    `}
+  >
+    <path
+      fill-rule="evenodd"
+      d="M4 5.95a2.5 2.5 0 10-1 0v2.387A3.5 3.5 0 107.965 12h2.085a2.5 2.5 0 100-1H7.965a3.5 3.5 0 00-1.449-2.361 4.001 4.001 0 013.54-3.615 2.5 2.5 0 10-.01-1.004 5.003 5.003 0 00-4.477 4.146A3.498 3.498 0 004 8.036V5.95zM3.5 5a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm7.5-.5a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0zm1.5 8.5a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm-8-4a2.5 2.5 0 110 5 2.5 2.5 0 010-5z"
+      clip-rule="evenodd"
+    ></path>
+  </SVG>
+);
+
+LearningModelsIcon.propTypes = {
+  size: PropTypes.string,
+};
+
+export default LearningModelsIcon;

src/@newrelic/gatsby-theme-newrelic/icons/newrelic/ml-endpoints.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from '@emotion/react';
+import SVG from '@newrelic/gatsby-theme-newrelic/src/components/SVG';
+
+const MachineLearningEndpointsIcon = (props) => (
+  <SVG
+    {...props}
+    viewBox="-.5 -.5 16 16"
+    css={css`
+      fill: currentColor;
+      stroke: currentColor;
+      stroke-width: 0.25;
+    `}
+  >
+    <path d="M4.1 5l.8.8 2.8-2.9L4.9 0l-.8.8 1.7 1.6H0v1h5.8L4.1 5z"></path>
+    <path d="M9 2h3.5A1.5 1.5 0 0114 3.5V7H0v4.5A2.5 2.5 0 002.5 14H6v-1H2.5A1.5 1.5 0 011 11.5V8h13v1h1V3.5A2.5 2.5 0 0012.5 1H9v1z"></path>
+    <path d="M12.2 15.3l-.8-.8 1.7-1.6H8v-1h5.1l-1.7-1.6.8-.8 2.8 2.9-2.8 2.9zM3 11h3v-1H3v1zM10 5H9V4h1v1zM11 5h1V4h-1v1z"></path>
+  </SVG>
+);
+
+MachineLearningEndpointsIcon.propTypes = {
+  size: PropTypes.string,
+};
+
+export default MachineLearningEndpointsIcon;

src/@newrelic/gatsby-theme-newrelic/icons/newrelic/monitoring.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from '@emotion/react';
+import SVG from '@newrelic/gatsby-theme-newrelic/src/components/SVG';
+
+const MonitoringIcon = (props) => (
+  <SVG
+    {...props}
+    viewBox="-.5 -.5 16 16"
+    css={css`
+      fill: currentColor;
+      stroke: currentColor;
+      stroke-width: 0.25;
+    `}
+  >
+    <path
+      fill-rule="evenodd"
+      d="M2 1h11c1.1 0 2 .9 2 2v7c0 1.1-.9 2-2 2H8v2h3v1H4v-1h3v-2H2c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2zm11 10c.6 0 1-.4 1-1V3c0-.6-.4-1-1-1H2c-.6 0-1 .4-1 1v7c0 .6.4 1 1 1h11zM2 5h1v5H2V5zm3-2H4v7h1V3zm1 1h1v6H6V4zm3 1H8v5h1V5zm1 2h1v3h-1V7zm3-2h-1v5h1V5z"
+      clip-rule="evenodd"
+    ></path>
+  </SVG>
+);
+
+MonitoringIcon.propTypes = {
+  size: PropTypes.string,
+};
+
+export default MonitoringIcon;