diff --git a/src/components/contextmenu/ContextMenuSub.vue b/src/components/contextmenu/ContextMenuSub.vue
index eb73c4741..7ea2de84b 100755
--- a/src/components/contextmenu/ContextMenuSub.vue
+++ b/src/components/contextmenu/ContextMenuSub.vue
@@ -12,7 +12,7 @@
                          :aria-haspopup="item.items != null" :aria-expanded="item === activeItem" role="menuitem"  :tabindex="item.disabled ? null : '0'">
                         <span :class="['p-menuitem-icon', item.icon]"></span>
                         <span class="p-menuitem-text">{{item.label}}</span>
-                        <span class="p-submenu-icon pi pi-caret-right" v-if="item.items"></span>
+                        <span class="p-submenu-icon pi pi-angle-right" v-if="item.items"></span>
                     </a>
                     <sub-menu :model="item.items" v-if="visible(item) && item.items" :key="item.label + '_sub_'"
                         @leaf-click="onLeafClick" :parentActive="item === activeItem" />
diff --git a/src/components/megamenu/MegaMenu.vue b/src/components/megamenu/MegaMenu.vue
index 0dc1e95c4..5dceb6179 100755
--- a/src/components/megamenu/MegaMenu.vue
+++ b/src/components/megamenu/MegaMenu.vue
@@ -215,8 +215,8 @@ export default {
         },
         getCategorySubMenuIcon() {
             return ['p-submenu-icon pi', {
-                'pi-caret-down': this.horizontal,
-                'pi-caret-right': this.vertical
+                'pi-angle-down': this.horizontal,
+                'pi-angle-right': this.vertical
             }];
         },
         getCategoryIcon(category) {
diff --git a/src/components/menubar/MenubarSub.vue b/src/components/menubar/MenubarSub.vue
index 52b2d6763..5dceee26d 100755
--- a/src/components/menubar/MenubarSub.vue
+++ b/src/components/menubar/MenubarSub.vue
@@ -263,7 +263,7 @@ export default {
         },
         getSubmenuIcon() {
             return [
-                'p-submenu-icon pi', {'pi-caret-right': !this.root, 'pi-caret-down': this.root}
+                'p-submenu-icon pi', {'pi-angle-right': !this.root, 'pi-angle-down': this.root}
             ];
         },
         visible(item) {
diff --git a/src/components/tieredmenu/TieredMenuSub.vue b/src/components/tieredmenu/TieredMenuSub.vue
index 7f2c61be3..ac96dc31e 100755
--- a/src/components/tieredmenu/TieredMenuSub.vue
+++ b/src/components/tieredmenu/TieredMenuSub.vue
@@ -12,7 +12,7 @@
                     @click="onItemClick($event, item)" @keydown="onItemKeyDown($event, item)" role="menuitem" :tabindex="item.disabled ? null : '0'">
                     <span :class="['p-menuitem-icon', item.icon]"></span>
                     <span class="p-menuitem-text">{{item.label}}</span>
-                    <span class="p-submenu-icon pi pi-caret-right" v-if="item.items"></span>
+                    <span class="p-submenu-icon pi pi-angle-right" v-if="item.items"></span>
                 </a>
                 <sub-menu :model="item.items" v-if="visible(item) && item.items" :key="item.label + '_sub_'"
                     @leaf-click="onLeafClick" @keydown-item="onChildItemKeyDown" :parentActive="item === activeItem" />