Add responsive console icons (#73)

* Add responsive console icons

* Update close icon

icons/index.ts

@@ -97,8 +97,12 @@ export type Icon =
   | { name: 'location'; size: 24 }
   | { name: 'logs'; size: 16 }
   | { name: 'logs'; size: 24 }
+  | { name: 'menu-close'; size: 12 }
+  | { name: 'menu-open'; size: 12 }
   | { name: 'metrics'; size: 16 }
   | { name: 'metrics'; size: 24 }
+  | { name: 'monitoring'; size: 16 }
+  | { name: 'monitoring'; size: 24 }
   | { name: 'more'; size: 12 }
   | { name: 'networking'; size: 16 }
   | { name: 'networking'; size: 24 }
@@ -138,6 +142,7 @@ export type Icon =
   | { name: 'settings'; size: 16 }
   | { name: 'settings'; size: 24 }
   | { name: 'show'; size: 16 }
+  | { name: 'sign-out'; size: 16 }
   | { name: 'snapshots'; size: 16 }
   | { name: 'snapshots'; size: 24 }
   | { name: 'software-update'; size: 16 }

icons/react/MenuClose12Icon.tsx

@@ -0,0 +1,37 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, you can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * Copyright Oxide Computer Company
+ */
+import { SVGProps } from 'react'
+
+interface SVGRProps {
+  title?: string
+  titleId?: string
+}
+const MenuClose12Icon = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    width={12}
+    height={12}
+    viewBox="0 0 12 12"
+    xmlns="http://www.w3.org/2000/svg"
+    role="img"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M2.886 1.474a.67.67 0 0 0-.948 0l-.464.464a.67.67 0 0 0 0 .948l3.063 3.063-3.063 3.063a.67.67 0 0 0 0 .947l.464.464a.67.67 0 0 0 .948 0L5.949 7.36l3.063 3.063a.67.67 0 0 0 .947 0l.464-.464a.67.67 0 0 0 0-.947L7.36 5.949l3.063-3.063a.67.67 0 0 0 0-.948l-.464-.464a.67.67 0 0 0-.947 0L5.948 4.537 2.886 1.474Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default MenuClose12Icon

icons/react/MenuOpen12Icon.tsx

@@ -0,0 +1,37 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, you can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * Copyright Oxide Computer Company
+ */
+import { SVGProps } from 'react'
+
+interface SVGRProps {
+  title?: string
+  titleId?: string
+}
+const MenuOpen12Icon = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    width={12}
+    height={12}
+    viewBox="0 0 12 12"
+    xmlns="http://www.w3.org/2000/svg"
+    role="img"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M1 1.667C1 1.299 1.299 1 1.667 1h8.666c.368 0 .667.299.667.667v.666a.667.667 0 0 1-.667.667H1.667A.667.667 0 0 1 1 2.333v-.666Zm0 4C1 5.299 1.299 5 1.667 5h8.666c.368 0 .667.299.667.667v.666a.667.667 0 0 1-.667.667H1.667A.667.667 0 0 1 1 6.333v-.666Zm10 4A.667.667 0 0 0 10.333 9H1.667A.667.667 0 0 0 1 9.667v.666c0 .368.299.667.667.667h8.666a.667.667 0 0 0 .667-.667v-.666Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default MenuOpen12Icon

icons/react/Monitoring16Icon.tsx

@@ -0,0 +1,37 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, you can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * Copyright Oxide Computer Company
+ */
+import { SVGProps } from 'react'
+
+interface SVGRProps {
+  title?: string
+  titleId?: string
+}
+const Monitoring16Icon = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    role="img"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11 .75v.5c0 .414.336.75.75.75H14v2.25c0 .414.336.75.75.75h.5a.75.75 0 0 0 .75-.75V.75a.75.75 0 0 0-.75-.75h-3.5a.75.75 0 0 0-.75.75ZM1.25 11h-.5a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h3.5a.75.75 0 0 0 .75-.75v-.5a.75.75 0 0 0-.75-.75H2v-2.25a.75.75 0 0 0-.75-.75Zm13.5 0h.5a.75.75 0 0 1 .75.75v3.5a.747.747 0 0 1-.75.75h-3.5a.75.75 0 0 1-.75-.75v-.5a.75.75 0 0 1 .75-.75H14v-2.25a.75.75 0 0 1 .75-.75ZM5 1.25v-.5A.75.75 0 0 0 4.25 0H.75A.75.75 0 0 0 0 .75v3.5c0 .414.336.75.75.75h.5A.75.75 0 0 0 2 4.25V2h2.25A.75.75 0 0 0 5 1.25Zm-1 3.5A.75.75 0 0 1 4.75 4h6.5a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-.75.75h-6.5A.75.75 0 0 1 4 6.25v-1.5ZM4.75 9a.75.75 0 0 0-.75.75v1.5c0 .414.336.75.75.75h6.5a.75.75 0 0 0 .75-.75v-1.5a.75.75 0 0 0-.75-.75h-6.5Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Monitoring16Icon

icons/react/Monitoring24Icon.tsx

@@ -0,0 +1,37 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, you can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * Copyright Oxide Computer Company
+ */
+import { SVGProps } from 'react'
+
+interface SVGRProps {
+  title?: string
+  titleId?: string
+}
+const Monitoring24Icon = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    role="img"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M19 5v3a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h3ZM8 7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H8Zm0 6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H8Zm-3 6h3a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v3ZM5 5v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a.995.995 0 0 1 .44-.83A.995.995 0 0 1 3 2h5a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H5Zm11 14a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1v3h-3Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default Monitoring24Icon

icons/react/SignOut16Icon.tsx

@@ -0,0 +1,40 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, you can obtain one at https://mozilla.org/MPL/2.0/.
+ *
+ * Copyright Oxide Computer Company
+ */
+import { SVGProps } from 'react'
+
+interface SVGRProps {
+  title?: string
+  titleId?: string
+}
+const SignOut16Icon = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    role="img"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <g fill="currentColor">
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.25 2h-4.5a.75.75 0 0 0-.75.75v10.5c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-.5a.75.75 0 0 0-.75-.75H4V4h3.25A.75.75 0 0 0 8 3.25v-.5A.75.75 0 0 0 7.25 2ZM13 7.75v.5a.75.75 0 0 1-.75.75h-4.5A.75.75 0 0 1 7 8.25v-.5A.75.75 0 0 1 7.75 7h4.5a.75.75 0 0 1 .75.75Z"
+      />
+      <rect width={4} height={5} rx={0.75} transform="matrix(0 -1 -1 0 11 10)" />
+      <path d="M14.268 8.586a.75.75 0 0 0 0-1.172l-3.659-2.927A.375.375 0 0 0 10 4.78v6.44c0 .314.364.489.61.293l3.658-2.927Z" />
+    </g>
+  </svg>
+)
+export default SignOut16Icon

icons/react/index.ts

@@ -40,6 +40,7 @@ export { default as LoadBalancer24Icon } from './LoadBalancer24Icon.tsx'
 export { default as Location24Icon } from './Location24Icon.tsx'
 export { default as Logs24Icon } from './Logs24Icon.tsx'
 export { default as Metrics24Icon } from './Metrics24Icon.tsx'
+export { default as Monitoring24Icon } from './Monitoring24Icon.tsx'
 export { default as Networking24Icon } from './Networking24Icon.tsx'
 export { default as Organization24Icon } from './Organization24Icon.tsx'
 export { default as Overview24Icon } from './Overview24Icon.tsx'
@@ -100,6 +101,7 @@ export { default as Link16Icon } from './Link16Icon.tsx'
 export { default as LoadBalancer16Icon } from './LoadBalancer16Icon.tsx'
 export { default as Logs16Icon } from './Logs16Icon.tsx'
 export { default as Metrics16Icon } from './Metrics16Icon.tsx'
+export { default as Monitoring16Icon } from './Monitoring16Icon.tsx'
 export { default as Networking16Icon } from './Networking16Icon.tsx'
 export { default as NewWindow16Icon } from './NewWindow16Icon.tsx'
 export { default as Notifications16Icon } from './Notifications16Icon.tsx'
@@ -119,6 +121,7 @@ export { default as Security16Icon } from './Security16Icon.tsx'
 export { default as Servers16Icon } from './Servers16Icon.tsx'
 export { default as Settings16Icon } from './Settings16Icon.tsx'
 export { default as Show16Icon } from './Show16Icon.tsx'
+export { default as SignOut16Icon } from './SignOut16Icon.tsx'
 export { default as Snapshots16Icon } from './Snapshots16Icon.tsx'
 export { default as SoftwareUpdate16Icon } from './SoftwareUpdate16Icon.tsx'
 export { default as Ssd16Icon } from './Ssd16Icon.tsx'
@@ -144,6 +147,8 @@ export { default as Info12Icon } from './Info12Icon.tsx'
 export { default as Filter12Icon } from './Filter12Icon.tsx'
 export { default as Key12Icon } from './Key12Icon.tsx'
 export { default as Loader12Icon } from './Loader12Icon.tsx'
+export { default as MenuOpen12Icon } from './MenuOpen12Icon.tsx'
+export { default as MenuClose12Icon } from './MenuClose12Icon.tsx'
 export { default as More12Icon } from './More12Icon.tsx'
 export { default as NextArrow12Icon } from './NextArrow12Icon.tsx'
 export { default as PrevArrow12Icon } from './PrevArrow12Icon.tsx'