diff --git a/packages/common/icon.js b/packages/common/icon.js
new file mode 100644
index 0000000000000000000000000000000000000000..c4fbd1e878db65b330b46c6f8f10b87d6b166189
--- /dev/null
+++ b/packages/common/icon.js
@@ -0,0 +1,4 @@
+import * as commonUtils from "./utils";
+import {Icon} from "./src/icon";
+
+commonUtils.defineCustomElement('dbp-icon', Icon);
diff --git a/packages/common/package.json b/packages/common/package.json
index cef9b7e0582c7a350fda633e1badbbf18e4b54c0..a7e49405414bc61cd74e3bc7ccc0eff635d91197 100644
--- a/packages/common/package.json
+++ b/packages/common/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@dbp-toolkit/common",
   "homepage": "https://gitlab.tugraz.at/dbp/web-components/toolkit/-/tree/master/packages/common",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "module": "index.js",
   "license": "LGPL-2.1-or-later",
   "repository": {
diff --git a/packages/common/rollup.config.js b/packages/common/rollup.config.js
index 2079af5540f0281992abc1fc25d12426b31841ee..4a1f856f552bd2a0a6ea5499df8b000ae7c6e79b 100644
--- a/packages/common/rollup.config.js
+++ b/packages/common/rollup.config.js
@@ -13,7 +13,7 @@ console.log("build: " + build);
 
 export default (async () => {
     return {
-        input: (build !='test') ? ['demo.js'] : glob.sync('test/**/*.js'),
+        input: (build !='test') ? ['demo.js', 'icon.js'] : glob.sync('test/**/*.js'),
         output: {
             dir: 'dist',
             entryFileNames: '[name].js',