feat(icons): add Link andUnlink icons

src/icons/Link.tsx

@@ -0,0 +1,21 @@
+import { IconBox } from '../elements/IconBox'
+
+import type { IconProps } from '../types'
+
+export function Link({ color, size, ...nativeProps }: IconProps) {
+  return (
+    <IconBox $color={color} $size={size}>
+      <svg height="20" viewBox="0 0 20 20" width="20" {...nativeProps}>
+        <path d="M0,0H20V20H0Z" fill="none" />
+        <g>
+          <g>
+            <path d="M5,7H9V5H5A5,5,0,0,0,5,15H9V13H5A3,3,0,0,1,5,7Z" fill="currentColor" />
+            <path d="M15,13H11v2h4A5,5,0,0,0,15,5H11V7h4a3,3,0,0,1,0,6Z" fill="currentColor" />
+            <rect fill="currentColor" height="2" transform="translate(6 9)" width="8" />
+          </g>
+          <rect fill="none" height="20" width="20" />
+        </g>
+      </svg>
+    </IconBox>
+  )
+}

src/icons/Unlink.tsx

@@ -0,0 +1,30 @@
+import { IconBox } from '../elements/IconBox'
+
+import type { IconProps } from '../types'
+
+export function Unlink({ color, size, ...nativeProps }: IconProps) {
+  return (
+    <IconBox $color={color} $size={size}>
+      <svg height="20" viewBox="0 0 20 20" width="20" {...nativeProps}>
+        <rect fill="none" height="20" width="20" />
+        <g>
+          <rect fill="currentColor" height="22" transform="translate(17.071 1.515) rotate(45)" width="2" />
+          <g>
+            <path d="M3.22,14.659l1.67-1.67A3,3,0,0,1,5,7H9V5H5a4.992,4.992,0,0,0-1.78,9.659Z" fill="currentColor" />
+          </g>
+          <g>
+            <path d="M8.879,9H6v2h.879Z" fill="currentColor" />
+            <path d="M10.414,11l2-2H9.586l-2,2Z" fill="currentColor" />
+            <path d="M11.121,11H14V9h-.879Z" fill="currentColor" />
+          </g>
+          <g>
+            <path
+              d="M16.78,5.341l-1.67,1.67A3,3,0,0,1,15,13H11v2h4a4.992,4.992,0,0,0,1.78-9.659Z"
+              fill="currentColor"
+            />
+          </g>
+        </g>
+      </svg>
+    </IconBox>
+  )
+}

src/icons/index.tsx

@@ -35,6 +35,7 @@ import { Hide } from './Hide'
 import { Info } from './Info'
 import { Infringement } from './Infringement'
 import { Landmark } from './Landmark'
+import { Link } from './Link'
 import { List } from './List'
 import { MapLayers } from './MapLayers'
 import { MeasureAngle } from './MeasureAngle'
@@ -73,6 +74,7 @@ import { SortSelectedUp } from './SortSelectedUp'
 import { Summary } from './Summary'
 import { Tag } from './Tag'
 import { Target } from './Target'
+import { Unlink } from './Unlink'
 import { Unlock } from './Unlock'
 import { Vessel } from './Vessel'
 import { ViewOnMap } from './ViewOnMap'
@@ -116,6 +118,7 @@ export {
   Info,
   Infringement,
   Landmark,
+  Link,
   List,
   MapLayers,
   MeasureAngle,
@@ -154,6 +157,7 @@ export {
   Summary,
   Tag,
   Target,
+  Unlink,
   Unlock,
   Vessel,
   ViewOnMap,

stories/Icon.stories.tsx

@@ -256,6 +256,12 @@ export function _Icon(props: IconProps) {
         </IconBox>
         <Code>Landmark</Code>
       </Cell>
+      <Cell>
+        <IconBox>
+          <Icon.Link {...props} />
+        </IconBox>
+        <Code>Link</Code>
+      </Cell>
       <Cell>
         <IconBox>
           <Icon.List {...props} />
@@ -484,6 +490,12 @@ export function _Icon(props: IconProps) {
         </IconBox>
         <Code>Target</Code>
       </Cell>
+      <Cell>
+        <IconBox>
+          <Icon.Unlink {...props} />
+        </IconBox>
+        <Code>Unlink</Code>
+      </Cell>
       <Cell>
         <IconBox>
           <Icon.Unlock {...props} />