From aeaa5321f0c5d9a7455bc7dc595cf7e8ecdd995f Mon Sep 17 00:00:00 2001
From: oliviadendinger <102548438+oliviadendinger@users.noreply.github.com>
Date: Thu, 19 Oct 2023 02:55:05 -0700
Subject: [PATCH] Add shield icon (#1789)

---
 .../src/components/icons/IconMap.tsx          |  3 +++
 .../src/components/icons/icon-shield.tsx      | 21 +++++++++++++++++++
 .../modus-icons/modus-icons.stories.tsx       |  1 +
 3 files changed, 25 insertions(+)
 create mode 100644 stencil-workspace/src/components/icons/icon-shield.tsx

diff --git a/stencil-workspace/src/components/icons/IconMap.tsx b/stencil-workspace/src/components/icons/IconMap.tsx
index 774319835..8c7497827 100644
--- a/stencil-workspace/src/components/icons/IconMap.tsx
+++ b/stencil-workspace/src/components/icons/IconMap.tsx
@@ -51,6 +51,7 @@ import { IconCaretUp } from './icon-caret-up';
 import { IconExport } from './icon-export';
 import { IconHistory } from './icon-history';
 import { IconPencil } from './icon-pencil';
+import { IconShield } from './icon-shield';
 
 export interface IconProps {
   color?: string;
@@ -168,6 +169,8 @@ export const IconMap: FunctionalComponent<IconMapProps> = (props: IconMapProps)
       return <IconExport color={props.color} onClick={props.onClick} size={props.size} />;
     case 'pencil':
       return <IconPencil color={props.color} onClick={props.onClick} size={props.size} />;
+    case 'shield':
+      return <IconShield color={props.color} onClick={props.onClick} size={props.size} />;
     default:
       return <img src={props.icon} {...(props.imageOptions || {})} />;
   }
diff --git a/stencil-workspace/src/components/icons/icon-shield.tsx b/stencil-workspace/src/components/icons/icon-shield.tsx
new file mode 100644
index 000000000..1ac51a664
--- /dev/null
+++ b/stencil-workspace/src/components/icons/icon-shield.tsx
@@ -0,0 +1,21 @@
+// eslint-disable-next-line
+import { FunctionalComponent, h } from '@stencil/core';
+import { IconProps } from './IconMap';
+
+export const IconShield: FunctionalComponent<IconProps> = (
+  props: IconProps
+) => (
+  <svg
+    class={`icon-shield ${props.pressed ? 'pressed' : ''}`}
+    height={props.size ?? 16}
+    width={props.size ?? 16}
+    onClick={props.onClick ? (event) => props.onClick(event) : null}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path
+      fill={props.color ?? 'currentColor'}
+      d="m19.87 5.36-7.1-3.19a2.001 2.001 0 0 0-1.57-.04L4.17 4.87c-.43.17-.69.6-.63 1.05l.26 1.91c.73 5.39 3.41 10.33 7.53 13.92.19.16.42.24.66.24s.47-.08.66-.24c4.13-3.58 6.83-8.52 7.59-13.91l.2-1.44a.98.98 0 0 0-.58-1.04Zm-1.61 2.2c-.65 4.62-2.87 8.88-6.27 12.09V4.02l6.36 2.86-.1.69Z"
+    />
+  </svg>
+);
diff --git a/stencil-workspace/storybook/stories/components/modus-icons/modus-icons.stories.tsx b/stencil-workspace/storybook/stories/components/modus-icons/modus-icons.stories.tsx
index 86ee90616..164e99b5b 100644
--- a/stencil-workspace/storybook/stories/components/modus-icons/modus-icons.stories.tsx
+++ b/stencil-workspace/storybook/stories/components/modus-icons/modus-icons.stories.tsx
@@ -41,6 +41,7 @@ const iconNames = [
   'refresh',
   'remove',
   'search',
+  'shield',
   'sort-a-z',
   'sort-z-a',
   'sun',