diff --git a/components/UIcon.vue b/components/UIcon.vue
index f33691bd3e4402f6d75d41e886421bf819ba703b..2329d8cf4b2c879a1ff54659441d7b45ae8ff795 100644
--- a/components/UIcon.vue
+++ b/components/UIcon.vue
@@ -1,5 +1,5 @@
 <template>
-    <i :class="`fas fa-${name} text-${variant}`"></i>
+    <i :class="`fas fa-${name} text-${variant} fa-rotate-${rotate}`" :id="`${id}`"></i>
 </template>
 
 <script>
@@ -8,6 +8,9 @@ export default {
     props: {
         name: {required: true, type: String},
         variant: {required: false, type: String},
+        rotate: {required: false, type: String},
+        id: {required: false, type: String},
+
     },
 }
 </script>