Add access token icon (and others)

icons/index.ts

@@ -9,6 +9,8 @@
 export type Icon =
   | { name: 'access'; size: 16 }
   | { name: 'access'; size: 24 }
+  | { name: 'access-token'; size: 16 }
+  | { name: 'access-token'; size: 24 }
   | { name: 'action'; size: 16 }
   | { name: 'action'; size: 24 }
   | { name: 'add'; size: 12 }
@@ -155,10 +157,12 @@ export type Icon =
   | { name: 'software-update'; size: 16 }
   | { name: 'software-update'; size: 24 }
   | { name: 'sort'; size: 16 }
+  | { name: 'sparkle'; size: 16 }
   | { name: 'speaker'; size: 24 }
   | { name: 'ssd'; size: 16 }
   | { name: 'storage'; size: 16 }
   | { name: 'storage'; size: 24 }
+  | { name: 'submit'; size: 16 }
   | { name: 'subnet'; size: 16 }
   | { name: 'subnet'; size: 24 }
   | { name: 'success'; size: 12 }
@@ -170,4 +174,6 @@ export type Icon =
   | { name: 'transmit'; size: 24 }
   | { name: 'unauthorized'; size: 12 }
   | { name: 'warning'; size: 12 }
+  | { name: 'webhooks'; size: 16 }
+  | { name: 'webhooks'; size: 24 }
   | { name: 'wireless'; size: 24 }

icons/react/AccessToken16Icon.tsx

@@ -0,0 +1,35 @@
+/*
+ * 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 type { SVGProps } from 'react'
+
+interface SVGRProps {
+  title?: string
+  titleId?: string
+}
+const AccessToken16Icon = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    role="img"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fill="currentColor"
+      d="M1.25 11a.75.75 0 0 1 .75.75V14h2.25a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75H.75a.75.75 0 0 1-.75-.75v-3.5A.75.75 0 0 1 .75 11zm14 0a.75.75 0 0 1 .75.75v3.5l-.004.077a.75.75 0 0 1-.746.673h-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-.75zm-7-8a.75.75 0 0 1 .75.75v2.518l2.18-1.26a.75.75 0 0 1 1.025.275l.25.434a.75.75 0 0 1-.274 1.024L10 8l2.18 1.26a.75.75 0 0 1 .275 1.024l-.25.434a.75.75 0 0 1-1.024.274L9 9.731v2.519a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1-.75-.75V9.731l-2.18 1.26a.75.75 0 0 1-1.025-.274l-.25-.434a.75.75 0 0 1 .274-1.024L6 7.999l-2.18-1.258a.75.75 0 0 1-.274-1.024l.25-.434a.75.75 0 0 1 1.024-.274L7 6.268V3.75A.75.75 0 0 1 7.75 3zm-4-3A.75.75 0 0 1 5 .75v.5a.75.75 0 0 1-.75.75H2v2.25a.75.75 0 0 1-.75.75h-.5A.75.75 0 0 1 0 4.25V.75A.75.75 0 0 1 .75 0zm11.077.004A.75.75 0 0 1 16 .75v3.5a.75.75 0 0 1-.75.75h-.5a.75.75 0 0 1-.75-.75V2h-2.25a.75.75 0 0 1-.75-.75v-.5a.75.75 0 0 1 .75-.75h3.5z"
+    />
+  </svg>
+)
+export default AccessToken16Icon

icons/react/AccessToken24Icon.tsx

@@ -0,0 +1,35 @@
+/*
+ * 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 type { SVGProps } from 'react'
+
+interface SVGRProps {
+  title?: string
+  titleId?: string
+}
+const AccessToken24Icon = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    role="img"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fill="currentColor"
+      d="M4 15a1 1 0 0 1 1 1v3h3a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3l-.103-.005A1 1 0 0 1 2 21v-5a1 1 0 0 1 1-1zm17 0a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h3v-3a1 1 0 0 1 1-1zm-8.5-9a1 1 0 0 1 1 1v2.401l2.08-1.2a1 1 0 0 1 1.366.366l.5.866a1 1 0 0 1-.366 1.366L15 11.999l2.081 1.202a1 1 0 0 1 .366 1.366l-.5.866a1 1 0 0 1-1.366.366l-2.08-1.201V17a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-2.402l-2.08 1.2a1 1 0 0 1-1.366-.365l-.5-.866a1 1 0 0 1 .366-1.366L9 12l-2.08-1.2a1 1 0 0 1-.366-1.366l.5-.866a1 1 0 0 1 1.366-.366l2.08 1.2V7a1 1 0 0 1 1-1zM8 2a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H5v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zm13 0a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V5h-3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1z"
+    />
+  </svg>
+)
+export default AccessToken24Icon

icons/react/Cpu16Icon.tsx

@@ -25,7 +25,7 @@ const Cpu16Icon = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRP
     <path
       fill="currentColor"
       fillRule="evenodd"
-      d="M7 0v3h2V0h2v3h1.25a.75.75 0 0 1 .75.75V5h3v2h-3v2h3v2h-3v1.25a.75.75 0 0 1-.75.75H11v3H9v-3H7v3H5v-3H3.75a.75.75 0 0 1-.75-.75V11H0V9h3V7H0V5h3V3.75A.75.75 0 0 1 3.75 3H5V0zm0 9V7h2v2zm3.5-4h-5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5"
+      d="M7 0v3h2V0h2v3h1.25a.75.75 0 0 1 .75.75V5h3v2h-3v2h3v2h-3v1.25a.75.75 0 0 1-.75.75H11v3H9v-3H7v3H5v-3H3.75a.75.75 0 0 1-.75-.75V11H0V9h3V7H0V5h3V3.75A.75.75 0 0 1 3.75 3H5V0zM5.4 10.99l.1.01h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .4.49M9 9H7V7h2z"
       clipRule="evenodd"
     />
   </svg>

icons/react/Loader12Icon.tsx

@@ -29,9 +29,7 @@ const Loader12Icon = ({
     <circle cx={6} cy={6} r={5.25} stroke="#1C2225" strokeWidth={1.5} />
     <path
       fill="currentColor"
-      fillRule="evenodd"
-      d="M8.25 2.103a4.5 4.5 0 0 0-1.585-.554C6.3 1.495 6 1.201 6 .833V.667c0-.368.3-.67.666-.63a6 6 0 0 1 4.831 8.367c-.147.337-.559.446-.878.262l-.144-.083c-.319-.185-.423-.591-.288-.934A4.5 4.5 0 0 0 8.25 2.103"
-      clipRule="evenodd"
+      d="M10.5 5.999a4.5 4.5 0 0 0-.464-1.99l-.14-.259a4.5 4.5 0 0 0-1.395-1.491l-.251-.156a4.5 4.5 0 0 0-1.585-.554C6.3 1.495 6 1.201 6 .833V.667c0-.368.3-.67.666-.63A6 6 0 0 1 9 .804l.334.208a6 6 0 0 1 1.862 1.987l.186.348A6 6 0 0 1 12 5.999l-.013.394a6 6 0 0 1-.49 2.011c-.147.338-.558.446-.877.262l-.073-.042-.072-.042c-.319-.184-.423-.59-.288-.933.17-.432.273-.889.303-1.354z"
     />
   </svg>
 )

icons/react/NewWindow16Icon.tsx

@@ -29,7 +29,7 @@ const NewWindow16Icon = ({
     <path
       fill="currentColor"
       fillRule="evenodd"
-      d="M14.25 1h-8.5a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-8.5a.75.75 0 0 0-.75-.75M7 3.75A.75.75 0 0 1 7.75 3h4.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-4.5A.75.75 0 0 1 7 4.25zM1.75 5H4v2H3v6h6v-1h2v2.25a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1-.75-.75v-8.5A.75.75 0 0 1 1.75 5"
+      d="M14.25 1h-8.5a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-8.5a.75.75 0 0 0-.75-.75M7 3.75A.75.75 0 0 1 7.75 3h4.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-4.5A.75.75 0 0 1 7 4.25zM1.75 5H4v2H3v6h6v-1h2v2.25a.75.75 0 0 1-.75.75h-8.5l-.077-.004A.75.75 0 0 1 1 14.25v-8.5A.75.75 0 0 1 1.75 5"
       clipRule="evenodd"
     />
   </svg>

icons/react/Sparkle16Icon.tsx

@@ -0,0 +1,35 @@
+/*
+ * 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 type { SVGProps } from 'react'
+
+interface SVGRProps {
+  title?: string
+  titleId?: string
+}
+const Sparkle16Icon = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    role="img"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fill="currentColor"
+      d="M10.651 4.795a.38.38 0 0 1 .697 0L12.72 7.93a.75.75 0 0 0 .31.348l2.404 1.394a.38.38 0 0 1 0 .658l-2.404 1.394a.75.75 0 0 0-.31.348l-1.372 3.134a.38.38 0 0 1-.697 0l-1.37-3.134a.75.75 0 0 0-.311-.348L6.566 10.33a.38.38 0 0 1 0-.658L8.97 8.277a.75.75 0 0 0 .31-.348zM3.655.738a.38.38 0 0 1 .69 0L5.35 2.892a.75.75 0 0 0 .321.34l1.716.934a.38.38 0 0 1 0 .667l-1.716.934a.75.75 0 0 0-.321.34L4.345 8.263a.38.38 0 0 1-.69 0L2.65 6.108a.75.75 0 0 0-.32-.34L.612 4.833a.38.38 0 0 1 0-.667l1.715-.934a.75.75 0 0 0 .321-.34z"
+    />
+  </svg>
+)
+export default Sparkle16Icon

icons/react/Submit16Icon.tsx

@@ -0,0 +1,35 @@
+/*
+ * 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 type { SVGProps } from 'react'
+
+interface SVGRProps {
+  title?: string
+  titleId?: string
+}
+const Submit16Icon = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    role="img"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fill="currentColor"
+      d="M1.332 2.853a.38.38 0 0 1 .506-.486c2.168.946 8.082 3.518 12.33 5.288a.38.38 0 0 1 .001.701L1.832 13.643a.38.38 0 0 1-.504-.486l1.9-4.885a.75.75 0 0 0 0-.544z"
+    />
+  </svg>
+)
+export default Submit16Icon

icons/react/Webhooks16Icon.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 type { SVGProps } from 'react'
+
+interface SVGRProps {
+  title?: string
+  titleId?: string
+}
+const Webhooks16Icon = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    role="img"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8.25 4h-.5A.75.75 0 0 1 7 3.25V.75A.75.75 0 0 1 7.75 0h.5A.75.75 0 0 1 9 .75v2.5a.75.75 0 0 1-.75.75M4.995 5.348l.353-.353a.75.75 0 0 0 0-1.061l-1.06-1.06a.75.75 0 0 0-1.061 0l-.354.353a.75.75 0 0 0 0 1.06l1.061 1.061a.75.75 0 0 0 1.06 0m5.657-.353.353.353a.75.75 0 0 0 1.06 0l1.062-1.06a.75.75 0 0 0 0-1.061l-.354-.354a.75.75 0 0 0-1.06 0l-1.061 1.061a.75.75 0 0 0 0 1.06M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0m-1.75 8a.75.75 0 0 0 .75-.75v-2.5a.75.75 0 0 0-.75-.75h-.5a.75.75 0 0 0-.75.75v2.5c0 .414.336.75.75.75zm-5.023-2.874-.354-.353a.75.75 0 0 1 0-1.06l1.061-1.061a.75.75 0 0 1 1.06 0l.354.353a.75.75 0 0 1 0 1.06l-1.06 1.061a.75.75 0 0 1-1.061 0m9.9-.353-.354.354a.75.75 0 0 1-1.06 0l-1.061-1.061a.75.75 0 0 1 0-1.06l.353-.354a.75.75 0 0 1 1.06 0l1.061 1.06a.75.75 0 0 1 0 1.061M0 7.75v.5c0 .414.336.75.75.75h2.5A.75.75 0 0 0 4 8.25v-.5A.75.75 0 0 0 3.25 7H.75a.75.75 0 0 0-.75.75m12 .5v-.5a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 .75.75v.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1-.75-.75"
+      clipRule="evenodd"
+    />
+  </svg>
+)
+export default Webhooks16Icon

icons/react/Webhooks24Icon.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 type { SVGProps } from 'react'
+
+interface SVGRProps {
+  title?: string
+  titleId?: string
+}
+const Webhooks24Icon = ({
+  title,
+  titleId,
+  ...props
+}: SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    role="img"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12.75 0h-1.5a.75.75 0 0 0-.75.75v4.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V.75a.75.75 0 0 0-.75-.75M10.5 18.75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1-.75-.75zm5.212-1.977 1.061-1.06a.75.75 0 0 1 1.06 0l2.476 2.474a.75.75 0 0 1 0 1.06l-1.061 1.061a.75.75 0 0 1-1.06 0l-2.476-2.474a.75.75 0 0 1 0-1.061M4.752 3.691l-1.06 1.061a.75.75 0 0 0 0 1.06l2.474 2.476a.75.75 0 0 0 1.061 0l1.06-1.061a.75.75 0 0 0 0-1.06L5.814 3.69a.75.75 0 0 0-1.06 0m12.021 4.597-1.06-1.061a.75.75 0 0 1 0-1.06l2.474-2.476a.75.75 0 0 1 1.06 0l1.061 1.061a.75.75 0 0 1 0 1.06l-2.474 2.476a.75.75 0 0 1-1.061 0M3.692 19.248l1.06 1.06a.75.75 0 0 0 1.06 0l2.476-2.474a.75.75 0 0 0 0-1.061l-1.06-1.06a.75.75 0 0 0-1.062 0l-2.474 2.474a.75.75 0 0 0 0 1.06M6 11.25v1.5a.75.75 0 0 1-.75.75H.75a.75.75 0 0 1-.75-.75v-1.5a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75m17.25 2.25a.75.75 0 0 0 .75-.75v-1.5a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75v1.5c0 .414.336.75.75.75zM12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6"
+      clipRule="evenodd"
+    />
+  </svg>
+)
+export default Webhooks24Icon

icons/react/index.ts

@@ -6,6 +6,7 @@
  * Copyright Oxide Computer Company
  */
 export { default as Access24Icon } from './Access24Icon.tsx'
+export { default as AccessToken24Icon } from './AccessToken24Icon.tsx'
 export { default as Action24Icon } from './Action24Icon.tsx'
 export { default as Affinity24Icon } from './Affinity24Icon.tsx'
 export { default as AddRoundel24Icon } from './AddRoundel24Icon.tsx'
@@ -64,7 +65,9 @@ export { default as Terminal24Icon } from './Terminal24Icon.tsx'
 export { default as Transmit24Icon } from './Transmit24Icon.tsx'
 export { default as Wireless24Icon } from './Wireless24Icon.tsx'
 export { default as Question24Icon } from './Question24Icon.tsx'
+export { default as Webhooks24Icon } from './Webhooks24Icon.tsx'
 export { default as Access16Icon } from './Access16Icon.tsx'
+export { default as AccessToken16Icon } from './AccessToken16Icon.tsx'
 export { default as Affinity16Icon } from './Affinity16Icon.tsx'
 export { default as Action16Icon } from './Action16Icon.tsx'
 export { default as AddRoundel16Icon } from './AddRoundel16Icon.tsx'
@@ -137,6 +140,7 @@ export { default as Terminal16Icon } from './Terminal16Icon.tsx'
 export { default as Time16Icon } from './Time16Icon.tsx'
 export { default as Transmit16Icon } from './Transmit16Icon.tsx'
 export { default as Question16Icon } from './Question16Icon.tsx'
+export { default as Webhooks16Icon } from './Webhooks16Icon.tsx'
 export { default as Add12Icon } from './Add12Icon.tsx'
 export { default as AutoRestart12Icon } from './AutoRestart12Icon.tsx'
 export { default as AddRoundel12Icon } from './AddRoundel12Icon.tsx'
@@ -169,3 +173,5 @@ export { default as Question12Icon } from './Question12Icon.tsx'
 export { default as Hide12Icon } from './Hide12Icon.tsx'
 export { default as SelectArrows6Icon } from './SelectArrows6Icon.tsx'
 export { default as Close8Icon } from './Close8Icon.tsx'
+export { default as Sparkle16Icon } from './Sparkle16Icon.tsx'
+export { default as Submit16Icon } from './Submit16Icon.tsx'