convert Instance icons

oxidecomputer · Jul 11, 2024 · 9661967 · 9661967
1 parent 9fd38f7
commit 9661967
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 52 deletions.
diff --git a/icons/react/Instances16Icon.tsx b/icons/react/Instances16Icon.tsx
@@ -5,33 +5,14 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from 'react'
+import { Svg } from './Svg'
 
-interface SVGRProps {
-  title?: string
-  titleId?: string
-}
-const Instances16Icon = ({
-  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}
+const Instances16Icon = ({ title, ...props }: {title?: string}) => (
+  <Svg
+    title={title}
+    size={16}
+    path="M6 1.75A.75.75 0 0 1 6.75 1h7.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H13V3.75a.75.75 0 0 0-.75-.75H6V1.75Zm-5 4A.75.75 0 0 1 1.75 5h8.5a.75.75 0 0 1 .75.75v8.5a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1-.75-.75v-8.5Z"
     {...props}
-  >
-    {title ? <title id={titleId}>{title}</title> : null}
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M6 1.75A.75.75 0 0 1 6.75 1h7.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H13V3.75a.75.75 0 0 0-.75-.75H6V1.75Zm-5 4A.75.75 0 0 1 1.75 5h8.5a.75.75 0 0 1 .75.75v8.5a.75.75 0 0 1-.75.75h-8.5a.75.75 0 0 1-.75-.75v-8.5Z"
-      fill="currentColor"
-    />
-  </svg>
+  />
 )
 export default Instances16Icon
diff --git a/icons/react/Instances24Icon.tsx b/icons/react/Instances24Icon.tsx
@@ -5,33 +5,14 @@
  *
  * Copyright Oxide Computer Company
  */
-import { SVGProps } from 'react'
+import { Svg } from './Svg'
 
-interface SVGRProps {
-  title?: string
-  titleId?: string
-}
-const Instances24Icon = ({
-  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}
+const Instances24Icon = ({ title, ...props }: {title?: string}) => (
+  <Svg
+    title={title}
+    size={24}
+    path="M7 3a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-2V6a1 1 0 0 0-1-1H7V3ZM3 7h13a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1Z"
     {...props}
-  >
-    {title ? <title id={titleId}>{title}</title> : null}
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M7 3a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-2V6a1 1 0 0 0-1-1H7V3ZM3 7h13a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1Z"
-      fill="currentColor"
-    />
-  </svg>
+  />
 )
 export default Instances24Icon