feat(icons): add Target and Vms (#154)

src/icons/Target.tsx

@@ -0,0 +1,28 @@
+import { IconBox } from '../elements/IconBox'
+
+import type { IconProps } from '../types'
+
+export function Target({ color, size, ...nativeProps }: IconProps) {
+  return (
+    <IconBox $color={color} $size={size}>
+      <svg height="20" viewBox="0 0 20 20" width="20" {...nativeProps}>
+        <g fill="none" strokeMiterlimit="10">
+          <path
+            d="M20,9H17.931A7.994,7.994,0,0,0,11,2.069V0H9V2.069A7.994,7.994,0,0,0,2.069,9H0v2H2.069A7.994,7.994,0,0,0,9,17.931V20h2V17.931A7.994,7.994,0,0,0,17.931,11H20Zm-9,6.91V14H9v1.91A6.008,6.008,0,0,1,4.09,11H6V9H4.09A6.008,6.008,0,0,1,9,4.09V6h2V4.09A6.008,6.008,0,0,1,15.91,9H14v2h1.91A6.008,6.008,0,0,1,11,15.91Z"
+            stroke="none"
+          />
+          <path
+            d="M 9 0 L 11 0 L 11 2.069000244140625 C 14.61700057983398 2.520999908447266 17.47900009155273 5.383000373840332 17.93099975585938 9 L 20 9 L 20 11 L 17.93099975585938 11 C 17.47900009155273 14.61700057983398 14.61700057983398 17.47900009155273 11 17.93099975585938 L 11 20 L 9 20 L 9 17.93099975585938 C 5.383000373840332 17.47900009155273 2.520999908447266 14.61700057983398 2.069000244140625 11 L 0 11 L 0 9 L 2.069000244140625 9 C 2.520999908447266 5.383000373840332 5.383000373840332 2.520999908447266 9 2.069000244140625 L 9 0 Z M 11 6 L 9 6 L 9 4.090000152587891 C 6.493000030517578 4.513999938964844 4.513999938964844 6.493000030517578 4.090000152587891 9 L 6 9 L 6 11 L 4.090000152587891 11 C 4.513999938964844 13.50699996948242 6.493000030517578 15.48600006103516 9 15.90999984741211 L 9 14 L 11 14 L 11 15.90999984741211 C 13.50699996948242 15.48600006103516 15.48600006103516 13.50699996948242 15.90999984741211 11 L 14 11 L 14 9 L 15.90999984741211 9 C 15.48600006103516 6.493000030517578 13.50699996948242 4.513999938964844 11 4.090000152587891 L 11 6 Z"
+            fill="currentColor"
+            stroke="none"
+          />
+        </g>
+        <g fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="2" transform="translate(8.5 8.5)">
+          <circle cx="1.5" cy="1.5" r="1.5" stroke="none" />
+          <circle cx="1.5" cy="1.5" fill="none" r="0.5" />
+        </g>
+        <path d="M0,0H20V20H0Z" fill="none" />
+      </svg>
+    </IconBox>
+  )
+}

src/icons/Vms.tsx

@@ -0,0 +1,38 @@
+import { IconBox } from '../elements/IconBox'
+
+import type { IconProps } from '../types'
+
+export function Vms({ color, size, ...nativeProps }: IconProps) {
+  return (
+    <IconBox $color={color} $size={size}>
+      <svg height="20" viewBox="0 0 20 20" width="20" {...nativeProps}>
+        <path d="M12.5,9A2.5,2.5,0,1,0,9,11.289V19h2V11.289A2.5,2.5,0,0,0,12.5,9Z" fill="currentColor" />
+        <g>
+          <path
+            d="M12.558,12.049l1.3,1.546a5.994,5.994,0,0,0,0-9.19l-1.3,1.546a3.944,3.944,0,0,1,0,6.1Z"
+            fill="currentColor"
+            opacity="0.98"
+          />
+          <path
+            d="M6.144,13.594l1.3-1.545a3.946,3.946,0,0,1,0-6.095l-1.3-1.543a5.993,5.993,0,0,0,.005,9.183Z"
+            fill="currentColor"
+            opacity="0.98"
+          />
+        </g>
+        <g>
+          <path
+            d="M4.206,15.9,5.494,14.37A6.983,6.983,0,0,1,5.508,3.66L4.218,2.128A8.992,8.992,0,0,0,4.206,15.9Z"
+            fill="currentColor"
+            opacity="0.98"
+          />
+          <path
+            d="M17,9.021a6.985,6.985,0,0,1-2.494,5.349L15.793,15.9A8.99,8.99,0,0,0,15.772,2.12L14.485,3.654A6.983,6.983,0,0,1,17,9.021Z"
+            fill="currentColor"
+            opacity="0.98"
+          />
+        </g>
+        <path d="M0,0H20V20H0Z" fill="none" />
+      </svg>
+    </IconBox>
+  )
+}

src/icons/index.tsx

@@ -59,9 +59,11 @@ import { ShowXml } from './ShowXml'
 import { SortingArrows } from './SortingArrows'
 import { Summary } from './Summary'
 import { Tag } from './Tag'
+import { Target } from './Target'
 import { Unlock } from './Unlock'
 import { Vessel } from './Vessel'
 import { ViewOnMap } from './ViewOnMap'
+import { Vms } from './Vms'
 
 export {
   ActivityFeed,
@@ -125,7 +127,9 @@ export {
   SortingArrows,
   Summary,
   Tag,
+  Target,
   Unlock,
   Vessel,
-  ViewOnMap
+  ViewOnMap,
+  Vms
 }

stories/Icon.stories.tsx

@@ -385,6 +385,12 @@ export function _Icon(props: IconProps) {
         </IconBox>
         <Code>Tag</Code>
       </Cell>
+      <Cell>
+        <IconBox>
+          <Icon.Target {...props} />
+        </IconBox>
+        <Code>Target</Code>
+      </Cell>
       <Cell>
         <IconBox>
           <Icon.Unlock {...props} />
@@ -403,6 +409,12 @@ export function _Icon(props: IconProps) {
         </IconBox>
         <Code>ViewOnMap</Code>
       </Cell>
+      <Cell>
+        <IconBox>
+          <Icon.Vms {...props} />
+        </IconBox>
+        <Code>Vms</Code>
+      </Cell>
     </Box>
   )
 }