diff --git a/packages/uhk-web/src/svgs/icons/scss-template.mustache b/packages/uhk-web/src/svgs/icons/scss-template.mustache
new file mode 100644
index 00000000..d7437a76
--- /dev/null
+++ b/packages/uhk-web/src/svgs/icons/scss-template.mustache
@@ -0,0 +1,10 @@
+%{{commonName}} {
+    background: url($uhk-icon-path) no-repeat;
+}
+{{#shapes}}
+
+{{#selector.shape}}{{expression}}{{^last}},{{/last}}{{/selector.shape}} {
+    @extend %{{commonName}};
+    background-position: {{position.relative.xy}};
+}
+{{/shapes}}