Updated export of icons from Figma (#3120)

Author: hashibot-hds

.changeset/tender-roses-stand.md

@@ -0,0 +1,5 @@
+---
+"@hashicorp/flight-icons": minor
+---
+
+`pin-off` icon added.

packages/flight-icons/catalog.json

@@ -1,5 +1,5 @@
 {
-  "lastRunTimeISO": "2025-06-25T21:50:47.532Z",
+  "lastRunTimeISO": "2025-08-20T23:58:48.772Z",
   "lastRunFigma": {
     "id": "TLnoT5AYQfy3tZ0H68BgOr",
     "page": "Export",
@@ -8866,6 +8866,26 @@
       "width": 16,
       "height": 16
     },
+    {
+      "id": "8687:169",
+      "fileName": "pin-off-24",
+      "iconName": "pin-off",
+      "description": "unpin, pin, off",
+      "category": "Interface",
+      "size": "24",
+      "width": 24,
+      "height": 24
+    },
+    {
+      "id": "8687:172",
+      "fileName": "pin-off-16",
+      "iconName": "pin-off",
+      "description": "unpin, pin, off",
+      "category": "Interface",
+      "size": "16",
+      "width": 16,
+      "height": 16
+    },
     {
       "id": "350:3167",
       "fileName": "power-24",

packages/flight-icons/svg-original/pin-off-16.svg

@@ -884,6 +884,8 @@ export { IconPencilTool24 } from './pencil-tool-24';
 export { IconPencilTool16 } from './pencil-tool-16';
 export { IconPin24 } from './pin-24';
 export { IconPin16 } from './pin-16';
+export { IconPinOff24 } from './pin-off-24';
+export { IconPinOff16 } from './pin-off-16';
 export { IconPower24 } from './power-24';
 export { IconPower16 } from './power-16';
 export { IconPrinter24 } from './printer-24';

packages/flight-icons/svg-original/pin-off-24.svg

@@ -0,0 +1,33 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconPinOff16 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={16}
+                height={16}
+                fill="none"
+                viewBox="0 0 16 16"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <g fill={color}>
+                    <path d="M5.925 6.074a.75.75 0 111.06 1.06l-.66.661a.75.75 0 01-.448.215l-2.051.228c.516.712 1.2 1.61 1.763 2.173.562.562 1.46 1.247 2.173 1.762l.228-2.05.025-.125a.752.752 0 01.19-.323l.695-.694a.75.75 0 011.06 1.06l-.509.51-.247 2.23c-.103.924-1.16 1.434-1.944.88-.58-.41-1.458-1.053-2.18-1.681l-2.8 2.8a.75.75 0 01-1.06-1.06l2.8-2.8c-.628-.723-1.272-1.6-1.681-2.18-.555-.785-.044-1.84.88-1.944l2.231-.249.475-.473zM9.12 1.4a1.25 1.25 0 011.665-.077l.095.085 3.708 3.709a1.25 1.25 0 010 1.767l-2.015 2.014a.75.75 0 11-1.06-1.06L13.35 6 9.994 2.644 8.111 4.492a.75.75 0 01-1.05-1.072L9.12 1.4z" />
+                    <path d="M1.47 1.47a.75.75 0 011.06 0l12.5 12.5a.75.75 0 11-1.06 1.06L1.47 2.53a.75.75 0 010-1.06z" />
+                </g>
+            </svg>
+        );
+    }
+);

packages/flight-icons/svg-react/index.ts

@@ -0,0 +1,33 @@
+import { forwardRef, useMemo } from 'react';
+import { IconProps } from './types';
+
+export const IconPinOff24 = forwardRef<SVGSVGElement, IconProps>(
+    ({ color = 'currentColor', title, ...props }, svgRef) => {
+        const titleId = useMemo(
+            () =>
+                title
+                    ? 'title-' + Math.random().toString(36).substr(2, 9)
+                    : undefined,
+            [title]
+        );
+        return (
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width={24}
+                height={24}
+                fill="none"
+                viewBox="0 0 24 24"
+                aria-hidden={!title}
+                ref={svgRef}
+                aria-labelledby={titleId}
+                {...props}
+            >
+                {title ? <title id={titleId}>{title}</title> : null}
+                <g fill={color}>
+                    <path d="M9.536 9.518a.75.75 0 011.06 1.06l-.97.97a.75.75 0 01-.446.215l-2.742.305c-.195.021-.258.219-.168.343.693.959 1.622 2.174 2.385 2.937.763.763 1.98 1.692 2.938 2.385.124.09.32.027.342-.167l.305-2.742a.75.75 0 01.215-.448l.901-.9a.75.75 0 111.06 1.06l-.714.714-.275 2.48c-.144 1.295-1.623 2.006-2.713 1.218-.774-.558-1.767-1.31-2.571-2.027L4.28 20.784a.75.75 0 01-1.06-1.061l3.862-3.863c-.717-.805-1.469-1.797-2.027-2.57-.788-1.091-.077-2.57 1.217-2.714l2.48-.275.784-.783zm4.078-6.035a1.75 1.75 0 012.464.01l4.425 4.426a1.75 1.75 0 010 2.475l-2.612 2.612a.75.75 0 01-1.061-1.06l2.612-2.613a.25.25 0 000-.353l-4.425-4.425a.25.25 0 00-.352-.002l-2.674 2.625a.75.75 0 01-1.05-1.07l2.673-2.625z" />
+                    <path d="M1.47 1.47a.75.75 0 011.06 0l20.5 20.5a.75.75 0 11-1.06 1.06L1.47 2.53a.75.75 0 010-1.06z" />
+                </g>
+            </svg>
+        );
+    }
+);