Add icons

temporalio · Jan 7, 2025 · 947db90 · 947db90
1 parent 8aee7c7
commit 947db90
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 15 deletions.
diff --git 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
@@ -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
diff --git a/src/lib/holocene/icon/svg/xmark-filled.svelte 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>