diff --git a/scripts/component-template.svelte b/scripts/component-template.svelte
index 0073326a..5c338f2e 100644
--- a/scripts/component-template.svelte
+++ b/scripts/component-template.svelte
@@ -2,11 +2,14 @@
     export let size = 24;
     export let color = "currentColor";
     export let strokeWidth = 2;
+
+    let clazz = '';
+    export { clazz as class }
 </script>
 
 <svg
     xmlns='http://www.w3.org/2000/svg'
-    class='icon icon-tabler icon-tabler-%%ORIGINAL_NAME%%'
+    class='icon icon-tabler icon-tabler-%%ORIGINAL_NAME%% {clazz}'
     width={size}
     height={size}
     viewBox='0 0 24 24'
@@ -17,4 +20,4 @@
     stroke-linejoin='round'
 >
       %%SVG_CONTENT%%
-</svg>
\ No newline at end of file
+</svg>