diff --git a/src/comp/cardicon.svelte b/src/comp/cardicon.svelte
index 17caa72..363da17 100644
--- a/src/comp/cardicon.svelte
+++ b/src/comp/cardicon.svelte
@@ -17,6 +17,11 @@
    */
   export let iconName;
 
+  /**
+   * @type {string | undefined}
+   */
+  export let iconSrc;
+
   /**
    * @type {number}
    */
@@ -36,7 +41,12 @@
 
 <Card horizontal={true} background={colorBackground}>
   <div class="icon">
+    {#if iconSrc}
+    <img src={iconSrc} alt={iconName} height={iconSize} width={iconSize}>
+    {:else}
     <Tablericon color={colorIcon} name={iconName} size={iconSize}></Tablericon>
+    {/if}
   </div>
+
   <slot />
 </Card>