Add crossInCircleEmpty and power icons

CHANGELOG.md

@@ -11,6 +11,7 @@
 ### 📈 Features/Enhancements
 
 - Update ouiTextSubduedColor in `next` dark theme ([#973](https://github.com/opensearch-project/oui/pull/973))
+- Add `crossInCircleEmpty` and `power` icons ([#1044](https://github.com/opensearch-project/oui/pull/1044))
 
 ### 🐛 Bug Fixes
 

src-docs/src/views/icon/icons.js

@@ -70,6 +70,7 @@ export const iconTypes = [
   'copyClipboard',
   'cross',
   'crosshairs',
+  'crossInCircleEmpty',
   'crossInACircleFilled',
   'currency',
   'cut',
@@ -189,6 +190,7 @@ export const iconTypes = [
   'plusInCircleFilled',
   'polygon',
   'popout',
+  'power',
   'push',
   'questionInCircle',
   'quote',

src/components/icon/__snapshots__/icon.test.tsx.snap

@@ -1636,6 +1636,26 @@ exports[`OuiIcon props type crossInACircleFilled is rendered 1`] = `
 </svg>
 `;
 
+exports[`OuiIcon props type crossInCircleEmpty is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="ouiIcon ouiIcon--medium ouiIcon-isLoaded"
+  focusable="false"
+  role="img"
+  viewBox="0 0 16 16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    clip-rule="evenodd"
+    d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"
+    fill-rule="evenodd"
+  />
+  <path
+    d="M11.854 4.854a.5.5 0 0 0-.707-.707L8 7.293 4.854 4.147a.5.5 0 1 0-.707.707L7.293 8l-3.146 3.146a.5.5 0 0 0 .707.708L8 8.707l3.147 3.147a.5.5 0 0 0 .707-.708L8.707 8l3.147-3.146z"
+  />
+</svg>
+`;
+
 exports[`OuiIcon props type crosshairs is rendered 1`] = `
 <svg
   aria-hidden="true"
@@ -7251,6 +7271,24 @@ exports[`OuiIcon props type popout is rendered 1`] = `
 </svg>
 `;
 
+exports[`OuiIcon props type power is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="ouiIcon ouiIcon--medium ouiIcon-isLoaded"
+  focusable="false"
+  role="img"
+  viewBox="0 0 16 16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8 0a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0v-5A.5.5 0 0 1 8 0z"
+  />
+  <path
+    d="M10.55.932a.5.5 0 0 1 .663-.246C13.849 1.896 16 4.437 16 7.809 16 12.32 12.43 16 8 16s-8-3.68-8-8.191C0 4.436 2.17 1.896 4.79.686a.5.5 0 0 1 .42.908C2.86 2.68 1 4.908 1 7.808 1 11.792 4.146 15 8 15s7-3.208 7-7.192c0-2.901-1.845-5.13-4.204-6.213a.5.5 0 0 1-.246-.663z"
+  />
+</svg>
+`;
+
 exports[`OuiIcon props type push is rendered 1`] = `
 <svg
   aria-hidden="true"

src/components/icon/assets/crossInCircleEmpty.js

@@ -0,0 +1,28 @@
+/*
+ * SPDX-License-Identifier: Apache-2.0
+ *
+ * The OpenSearch Contributors require contributions made to
+ * this file be licensed under the Apache-2.0 license or a
+ * compatible open source license.
+ *
+ * Modifications Copyright OpenSearch Contributors. See
+ * GitHub history for details.
+ */
+
+import * as React from 'react';
+const OuiIconCrossInCircleEmpty = ({ title, titleId, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 16 16"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"
+      clipRule="evenodd"
+    />
+    <path d="M11.854 4.854a.5.5 0 0 0-.707-.707L8 7.293 4.854 4.147a.5.5 0 1 0-.707.707L7.293 8l-3.146 3.146a.5.5 0 0 0 .707.708L8 8.707l3.147 3.147a.5.5 0 0 0 .707-.708L8.707 8l3.147-3.146z" />
+  </svg>
+);
+export const icon = OuiIconCrossInCircleEmpty;

src/components/icon/assets/power.js

@@ -0,0 +1,24 @@
+/*
+ * SPDX-License-Identifier: Apache-2.0
+ *
+ * The OpenSearch Contributors require contributions made to
+ * this file be licensed under the Apache-2.0 license or a
+ * compatible open source license.
+ *
+ * Modifications Copyright OpenSearch Contributors. See
+ * GitHub history for details.
+ */
+
+import * as React from 'react';
+const OuiIconPower = ({ title, titleId, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 16 16"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M8 0a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0v-5A.5.5 0 0 1 8 0z" />
+    <path d="M10.55.932a.5.5 0 0 1 .663-.246C13.849 1.896 16 4.437 16 7.809 16 12.32 12.43 16 8 16s-8-3.68-8-8.191C0 4.436 2.17 1.896 4.79.686a.5.5 0 0 1 .42.908C2.86 2.68 1 4.908 1 7.808 1 11.792 4.146 15 8 15s7-3.208 7-7.192c0-2.901-1.845-5.13-4.204-6.213a.5.5 0 0 1-.246-.663z" />
+  </svg>
+);
+export const icon = OuiIconPower;

src/components/icon/icon.tsx

@@ -110,6 +110,7 @@ const typeToPathMap = {
   cross: 'cross',
   crossClusterReplicationApp: 'app_cross_cluster_replication',
   crosshairs: 'crosshairs',
+  crossInCircleEmpty: 'crossInCircleEmpty',
   crossInACircleFilled: 'crossInACircleFilled',
   currency: 'currency',
   cut: 'cut',
@@ -339,6 +340,7 @@ const typeToPathMap = {
   plusInCircleFilled: 'plus_in_circle_filled',
   polygon: 'polygon',
   popout: 'popout',
+  power: 'power',
   push: 'push',
   questionInCircle: 'question_in_circle',
   quote: 'quote',