3 files changed, 68 insertions, 0 deletions
diff --git a/ui/imports/ui/components/icon/icon.html b/ui/imports/ui/components/icon/icon.html
new file mode 100644
index 0000000..04487d2
--- /dev/null
+++ b/ui/imports/ui/components/icon/icon.html
@@ -0,0 +1,18 @@
+<!-- 
+########################################################################################
+# Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others #
+#                                                                                      #
+# All rights reserved. This program and the accompanying materials                     #
+# are made available under the terms of the Apache License, Version 2.0                #
+# which accompanies this distribution, and is available at                             #
+# http://www.apache.org/licenses/LICENSE-2.0                                           #
+########################################################################################
+ -->
+<template name="Icon">
+  {{#if (iconType type 'fa' )}}
+  <i class="fa fa-{{ name }}"></i>
+  {{/if }}
+  {{#if (iconType type 'material')}}
+  <i class="material-icons">{{ name }}</i>
+  {{/if }}
+</template>
diff --git a/ui/imports/ui/components/icon/icon.js b/ui/imports/ui/components/icon/icon.js
new file mode 100644
index 0000000..06010a4
--- /dev/null
+++ b/ui/imports/ui/components/icon/icon.js
@@ -0,0 +1,48 @@
+/////////////////////////////////////////////////////////////////////////////////////////
+// Copyright (c) 2017 Koren Lev (Cisco Systems), Yaron Yogev (Cisco Systems) and others /
+//                                                                                      /
+// All rights reserved. This program and the accompanying materials                     /
+// are made available under the terms of the Apache License, Version 2.0                /
+// which accompanies this distribution, and is available at                             /
+// http://www.apache.org/licenses/LICENSE-2.0                                           /
+/////////////////////////////////////////////////////////////////////////////////////////
+/*
+ * Template Component: Icon 
+ */
+    
+//import { Meteor } from 'meteor/meteor'; 
+import { Template } from 'meteor/templating';
+//import { ReactiveDict } from 'meteor/reactive-dict';
+        
+import './icon.html';     
+    
+/*  
+ * Lifecycles
+ */   
+  
+Template.Icon.onCreated(function() {
+});  
+
+/*
+Template.Icon.rendered = function() {
+};  
+*/
+
+/*
+ * Events
+ */
+
+Template.Icon.events({
+});
+   
+/*  
+ * Helpers
+ */
+
+Template.Icon.helpers({    
+  iconType: function (type, targetType) {
+    return type === targetType;
+  }
+});
+
+
diff --git a/ui/imports/ui/components/icon/icon.styl b/ui/imports/ui/components/icon/icon.styl
new file mode 100644
index 0000000..1841a36
--- /dev/null
+++ b/ui/imports/ui/components/icon/icon.styl
@@ -0,0 +1,2 @@
+/* Set the component style here */
+// "Icon"