diff --git a/src/lib/holocene/icon/paths.ts b/src/lib/holocene/icon/paths.ts
index b4bbbef25..b1cc5a8b5 100644
--- a/src/lib/holocene/icon/paths.ts
+++ b/src/lib/holocene/icon/paths.ts
@@ -22,6 +22,7 @@ import chevronLeft from './svg/chevron-left.svelte';
 import chevronRight from './svg/chevron-right.svelte';
 import chevronSelectorVertical from './svg/chevron-selector-vertical.svelte';
 import chevronUp from './svg/chevron-up.svelte';
+import circleCheckFilled from './svg/circle-check-filled.svelte';
 import clock from './svg/clock.svelte';
 import close from './svg/close.svelte';
 import cometSolid from './svg/comet-solid.svelte';
@@ -54,7 +55,6 @@ import graph from './svg/graph.svelte';
 import hyphen from './svg/hyphen.svelte';
 import importIcon from './svg/import.svelte';
 import info from './svg/info.svelte';
-import invertedCheckmark from './svg/inverted-checkmark.svelte';
 import json from './svg/json.svelte';
 import keyboard from './svg/keyboard.svelte';
 import labs from './svg/labs.svelte';
@@ -107,6 +107,7 @@ import usage from './svg/usage.svelte';
 import verticalEllipsis from './svg/vertical-ellipsis.svelte';
 import warning from './svg/warning.svelte';
 import workflow from './svg/workflow.svelte';
+import xmarkFilled from './svg/xmark-filled.svelte';
 
 export const icons = {
   activity,
@@ -132,6 +133,7 @@ export const icons = {
   'chevron-right': chevronRight,
   'chevron-up': chevronUp,
   'chevron-selector-vertical': chevronSelectorVertical,
+  'circle-check-filled': circleCheckFilled,
   clock,
   close,
   'comet-solid': cometSolid,
@@ -164,7 +166,7 @@ export const icons = {
   hyphen,
   import: importIcon,
   info,
-  'inverted-checkmark': invertedCheckmark,
+  'xmark-filled': xmarkFilled,
   json,
   keyboard,
   labs,
diff --git a/src/lib/holocene/icon/svg/circle-check-filled.svelte b/src/lib/holocene/icon/svg/circle-check-filled.svelte
new file mode 100644
index 000000000..a7322f8bc
--- /dev/null
+++ b/src/lib/holocene/icon/svg/circle-check-filled.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+  import Svg from '../svg.svelte';
+</script>
+
+<Svg {...$$props}>
+  <g clip-path="url(#clip0_2145_49)">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M20.4853 20.4853C18.2348 22.7357 15.1826 24 12 24C8.8174 24 5.76516 22.7357 3.51472 20.4853C1.26428 18.2348 0 15.1826 0 12C0 8.8174 1.26428 5.76516 3.51472 3.51472C5.76516 1.26428 8.8174 0 12 0C15.1826 0 18.2348 1.26428 20.4853 3.51472C22.7357 5.76516 24 8.8174 24 12C24 15.1826 22.7357 18.2348 20.4853 20.4853ZM17.2969 9.79686L18.0938 8.99998L16.5001 7.41092L15.7032 8.20779L10.5001 13.4109L8.29695 11.2078L7.50007 10.4109L5.91101 12L6.70789 12.7969L9.70789 15.7969L10.5048 16.5937L11.3016 15.7969L17.2969 9.79686Z"
+      fill="currentcolor"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_2145_49">
+      <rect width="24" height="24" fill="white" />
+    </clipPath>
+  </defs>
+</Svg>
diff --git a/src/lib/holocene/icon/svg/inverted-checkmark.svelte b/src/lib/holocene/icon/svg/inverted-checkmark.svelte
deleted file mode 100644
index b81ef1c17..000000000
--- a/src/lib/holocene/icon/svg/inverted-checkmark.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-  import colors from 'tailwindcss/colors';
-
-  import Svg from '../svg.svelte';
-</script>
-
-<Svg {...$$props}>
-  <circle cx="12" cy="12" r="8" fill={colors.gray[900]} />
-  <path
-    d="M15.5 9.33337C15.5 9.474 15.4375 9.599 15.3438 9.69275L11.3438 13.6927C11.25 13.7865 11.125 13.8334 11 13.8334C10.8594 13.8334 10.7344 13.7865 10.6406 13.6927L8.64062 11.6927C8.54688 11.599 8.5 11.474 8.5 11.3334C8.5 11.0521 8.71875 10.8334 9 10.8334C9.125 10.8334 9.25 10.8959 9.34375 10.9896L11 12.6302L14.6406 8.98962C14.7344 8.89587 14.8594 8.83337 15 8.83337C15.2656 8.83337 15.5 9.05212 15.5 9.33337Z"
-    fill="white"
-  />
-</Svg>
diff --git a/src/lib/holocene/icon/svg/xmark-filled.svelte b/src/lib/holocene/icon/svg/xmark-filled.svelte
new file mode 100644
index 000000000..05fba1bef
--- /dev/null
+++ b/src/lib/holocene/icon/svg/xmark-filled.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import Svg from '../svg.svelte';
+</script>
+
+<Svg {...$$props}>
+  <path
+    xmlns="http://www.w3.org/2000/svg"
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM16 8.8L15.6 9.2L12.7976 12L15.5976 14.8L15.9976 15.2L15.2 16L14.8 15.6L12 12.7976L9.2 15.5976L8.8 15.9976L8 15.2L8.4 14.8L11.2024 12L8.40235 9.2L8.00235 8.8L8.8 8L9.2 8.4L12 11.2024L14.8 8.40235L15.2 8.00235L16 8.8Z"
+    fill="currentcolor"
+  />
+</Svg>