add a refresh icon

src/lib/Icons/IconRefresh.stories.svelte

@@ -0,0 +1,24 @@
+<script context="module">
+  import IconRefresh from "./IconRefresh.svelte";
+
+  export const meta = {
+    title: "Icons/Icons/IconRefresh",
+    component: IconRefresh,
+    tags: ["!dev", "!autodocs"],
+    parameters: {
+      githubLink: {
+        url: "/Icons/IconRefresh.svelte"
+      }
+    }
+  };
+</script>
+
+<script>
+  import { Story, Template } from "@storybook/addon-svelte-csf";
+</script>
+
+<Template let:args>
+  <IconRefresh {...args} />
+</Template>
+
+<Story name="Default" />

src/lib/Icons/IconRefresh.svelte

@@ -0,0 +1,28 @@
+<script>
+  /**
+   * The width and height dimension for the icon
+   * @type {number} [size = 40]
+   */
+  export let size = 40;
+
+  /**
+   * The color to fill the icon
+   * @type {string} [fill = "#000"]
+   */
+  export let fill = "#000";
+</script>
+
+<svg
+  width={size}
+  height={size}
+  viewBox="0 0 13 12"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  role="img"
+  aria-label="Refresh icon"
+>
+  <path
+    d="M3.03681 8.63718C3.29884 8.87549 3.54612 9.13179 3.82464 9.34866C5.00551 10.271 6.3495 10.5179 7.76724 10.0944C9.03314 9.7164 9.96326 8.89006 10.4977 7.6694C10.6088 7.41481 10.699 7.15336 10.9637 6.99478C11.2465 6.82591 11.519 6.82334 11.8035 6.97592C12.1116 7.14136 12.3024 7.3951 12.2434 7.73883C12.1923 8.03543 12.0942 8.33716 11.9545 8.60461C11.1094 10.2204 9.81229 11.3417 8.0258 11.7926C6.3252 12.2212 4.67927 11.9974 3.20513 10.9885C2.76263 10.685 2.37045 10.3096 1.95572 9.96671C1.89672 9.91785 1.84292 9.86384 1.72753 9.82698C1.72753 9.96414 1.73186 10.1021 1.72666 10.2393C1.71711 10.481 1.73447 10.7296 1.67894 10.9611C1.59044 11.3348 1.20347 11.5808 0.828641 11.5508C0.39308 11.5157 0.104153 11.2697 0.0286673 10.8702C0.0191231 10.8213 0.00610839 10.7716 0.00610839 10.7219C0.00437309 9.70097 -0.00690636 8.67919 0.00957899 7.65911C0.0165202 7.2408 0.423448 6.86363 0.828641 6.86106C1.84813 6.85591 2.86675 6.85334 3.88624 6.86277C4.53264 6.86877 4.9092 7.3891 4.71398 7.99085C4.61507 8.29687 4.39989 8.48889 4.07365 8.52146C3.74481 8.55404 3.41337 8.55918 3.08279 8.57632C3.06804 8.5969 3.05329 8.61661 3.03768 8.63718H3.03681Z M11.2899 2.203C11.2899 1.86526 11.289 1.58924 11.2899 1.31322C11.2925 0.786895 11.6335 0.435442 12.1419 0.43287C12.6486 0.430299 12.9948 0.778323 12.9974 1.30722C13.0017 2.27157 13.0017 3.23507 12.9974 4.19942C12.9948 4.78918 12.7067 5.11406 12.1029 5.12949C11.1207 5.15349 10.1359 5.15949 9.15458 5.12863C8.43009 5.10549 8.06915 4.54659 8.32771 3.91826C8.45786 3.60195 8.72162 3.45194 9.05914 3.43908C9.35414 3.42794 9.65088 3.43651 9.9693 3.43651C9.94674 3.37479 9.94327 3.32936 9.91811 3.30279C9.18234 2.53302 8.33552 1.93898 7.25182 1.77611C5.42629 1.5018 3.98339 2.15585 2.90229 3.61053C2.72096 3.85483 2.60816 4.14799 2.46326 4.41801C2.39559 4.54402 2.33919 4.67689 2.25937 4.79432C2.06675 5.0772 1.71275 5.18778 1.35614 5.09006C1.06288 5.00948 0.81386 4.70775 0.772213 4.4103C0.719287 4.03741 0.885875 3.72025 1.04726 3.41594C1.97651 1.66039 3.38558 0.496303 5.37943 0.115705C7.12428 -0.216891 8.72075 0.170566 10.142 1.21978C10.476 1.46666 10.7684 1.76925 11.0808 2.04527C11.1276 2.08727 11.1814 2.12156 11.289 2.203H11.2899Z"
+    {fill}
+  />
+</svg>

src/lib/Icons/Icons.docs.mdx

@@ -2,6 +2,7 @@ import * as PlusStories from "./IconPlus.stories.svelte";
 import * as MinusStory from "./IconMinus.stories.svelte";
 import * as CloseStory from "./IconClose.stories.svelte";
 import * as SearchStory from "./IconSearch.stories.svelte";
+import * as RefreshStory from "./IconRefresh.stories.svelte";
 import { Meta, Title, Canvas, Story, Controls, IconGallery, IconItem } from "@storybook/blocks";
 
 <Meta title="Icons" />
@@ -31,6 +32,9 @@ These are the current possible icon components included with this library.
   <IconItem name="IconSearch">
     <Story of={SearchStory.Default} />
   </IconItem>
+  <IconItem name="IconRefresh">
+    <Story of={RefreshStory.Default} />
+  </IconItem>
 </IconGallery>
 
 ## Default