Fixed #3829 - Add new Icon components

components/lib/baseicon/BaseIcon.vue

@@ -0,0 +1,68 @@
+<script>
+import { ObjectUtils } from 'primevue/utils';
+
+export default {
+    name: 'BaseIcon',
+    props: {
+        label: {
+            type: String,
+            value: undefined
+        },
+        spin: {
+            type: Boolean,
+            value: false
+        }
+    },
+    methods: {
+        pti() {
+            const isLabelEmpty = ObjectUtils.isEmpty(this.label);
+
+            return {
+                class: [
+                    'p-icon',
+                    {
+                        'p-icon-spin': this.spin
+                    }
+                ],
+                role: !isLabelEmpty ? 'img' : undefined,
+                'aria-hidden': isLabelEmpty
+            };
+        }
+    }
+};
+</script>
+<style>
+/* Theme */
+.p-icon {
+    display: inline-block;
+    width: 1rem;
+    height: 1rem;
+}
+
+.p-icon-spin {
+    -webkit-animation: p-icon-spin 2s infinite linear;
+    animation: p-icon-spin 2s infinite linear;
+}
+
+@-webkit-keyframes p-icon-spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg);
+    }
+}
+
+@keyframes p-icon-spin {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg);
+    }
+}
+</style>

components/lib/baseicon/package.json

@@ -0,0 +1,8 @@
+{
+  "main": "./baseicon.cjs.js",
+  "module": "./baseicon.esm.js",
+  "unpkg": "./baseicon.min.js",
+  "browser": {
+    "./sfc": "./BaseIcon.vue"
+  }
+}