diff --git a/doc/button/IconOnlyDoc.vue b/doc/button/IconOnlyDoc.vue
index 76874c668..4a7095fa4 100644
--- a/doc/button/IconOnlyDoc.vue
+++ b/doc/button/IconOnlyDoc.vue
@@ -11,6 +11,7 @@
             <Button icon="pi pi-bell" severity="warn" aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" aria-label="Cancel" />
+            <Button icon="pi pi-star" severity="contrast" aria-label="Star" />
         </div>
 
         <div class="flex flex-wrap justify-center gap-4 mb-6">
@@ -21,6 +22,7 @@
             <Button icon="pi pi-bell" severity="warn" rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" rounded aria-label="Cancel" />
+            <Button icon="pi pi-star" severity="contrast" rounded aria-label="Star" />
         </div>
 
         <div class="flex flex-wrap justify-center gap-4 mb-6">
@@ -31,6 +33,7 @@
             <Button icon="pi pi-bell" severity="warn" rounded outlined aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" rounded outlined aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" rounded outlined aria-label="Cancel" />
+            <Button icon="pi pi-star" severity="contrast" rounded outlined aria-label="Star" />
         </div>
 
         <div class="flex flex-wrap justify-center gap-4 mb-6">
@@ -41,6 +44,7 @@
             <Button icon="pi pi-bell" severity="warn" text raised rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" text raised rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" text raised rounded aria-label="Cancel" />
+            <Button icon="pi pi-star" severity="contrast" text raised rounded aria-label="Star" />
         </div>
 
         <div class="flex flex-wrap justify-center gap-4">
@@ -51,6 +55,7 @@
             <Button icon="pi pi-bell" severity="warn" text rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" text rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" text rounded aria-label="Cancel" />
+            <Button icon="pi pi-star" severity="contrast" text rounded aria-label="Star" />
         </div>
     </div>
     <DocSectionCode :code="code" />
@@ -69,6 +74,7 @@ export default {
 <Button icon="pi pi-bell" severity="warn" aria-label="Notification" />
 <Button icon="pi pi-heart" severity="help" aria-label="Favorite" />
 <Button icon="pi pi-times" severity="danger" aria-label="Cancel" />
+<Button icon="pi pi-star" severity="contrast" aria-label="Star" />
 
 <Button icon="pi pi-check" rounded aria-label="Filter" />
 <Button icon="pi pi-bookmark" severity="secondary" rounded aria-label="Bookmark" />
@@ -77,6 +83,7 @@ export default {
 <Button icon="pi pi-bell" severity="warn" rounded aria-label="Notification" />
 <Button icon="pi pi-heart" severity="help" rounded aria-label="Favorite" />
 <Button icon="pi pi-times" severity="danger" rounded aria-label="Cancel" />
+<Button icon="pi pi-star" severity="contrast" rounded aria-label="Star" />
 
 <Button icon="pi pi-check" rounded outlined aria-label="Filter" />
 <Button icon="pi pi-bookmark" severity="secondary" rounded outlined aria-label="Bookmark" />
@@ -85,6 +92,7 @@ export default {
 <Button icon="pi pi-bell" severity="warn" rounded outlined aria-label="Notification" />
 <Button icon="pi pi-heart" severity="help" rounded outlined aria-label="Favorite" />
 <Button icon="pi pi-times" severity="danger" rounded outlined aria-label="Cancel" />
+<Button icon="pi pi-star" severity="contrast" rounded outlined aria-label="Star" />
 
 <Button icon="pi pi-check" text raised rounded aria-label="Filter" />
 <Button icon="pi pi-bookmark" severity="secondary" text raised rounded aria-label="Bookmark" />
@@ -93,6 +101,7 @@ export default {
 <Button icon="pi pi-bell" severity="warn" text raised rounded aria-label="Notification" />
 <Button icon="pi pi-heart" severity="help" text raised rounded aria-label="Favorite" />
 <Button icon="pi pi-times" severity="danger" text raised rounded aria-label="Cancel" />
+<Button icon="pi pi-star" severity="contrast" text raised rounded aria-label="Star" />
 
 <Button icon="pi pi-check" text rounded aria-label="Filter" />
 <Button icon="pi pi-bookmark" severity="secondary" text rounded aria-label="Bookmark" />
@@ -101,6 +110,7 @@ export default {
 <Button icon="pi pi-bell" severity="warn" text rounded aria-label="Notification" />
 <Button icon="pi pi-heart" severity="help" text rounded aria-label="Favorite" />
 <Button icon="pi pi-times" severity="danger" text rounded aria-label="Cancel" />
+<Button icon="pi pi-star" severity="contrast" text rounded aria-label="Star" />
 `,
                 options: `
 <template>
@@ -113,6 +123,7 @@ export default {
             <Button icon="pi pi-bell" severity="warn" aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" aria-label="Cancel" />
+            <Button icon="pi pi-star" severity="contrast" aria-label="Star" />
         </div>
 
         <div class="flex flex-wrap justify-center gap-4 mb-6">
@@ -123,6 +134,7 @@ export default {
             <Button icon="pi pi-bell" severity="warn" rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" rounded aria-label="Cancel" />
+            <Button icon="pi pi-star" severity="contrast" rounded aria-label="Star" />
         </div>
 
         <div class="flex flex-wrap justify-center gap-4 mb-6">
@@ -133,6 +145,7 @@ export default {
             <Button icon="pi pi-bell" severity="warn" rounded outlined aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" rounded outlined aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" rounded outlined aria-label="Cancel" />
+            <Button icon="pi pi-star" severity="contrast" rounded outlined aria-label="Star" />
         </div>
 
         <div class="flex flex-wrap justify-center gap-4 mb-6">
@@ -143,6 +156,7 @@ export default {
             <Button icon="pi pi-bell" severity="warn" text raised rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" text raised rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" text raised rounded aria-label="Cancel" />
+            <Button icon="pi pi-star" severity="contrast" text raised rounded aria-label="Star" />
         </div>
 
         <div class="flex flex-wrap justify-center gap-4">
@@ -153,6 +167,7 @@ export default {
             <Button icon="pi pi-bell" severity="warn" text rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" text rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" text rounded aria-label="Cancel" />
+            <Button icon="pi pi-star" severity="contrast" text rounded aria-label="Star" />
         </div>
     </div>
 </template>
@@ -171,6 +186,7 @@ export default {
             <Button icon="pi pi-bell" severity="warn" aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" aria-label="Cancel" />
+            <Button icon="pi pi-star" severity="contrast" aria-label="Star" />
         </div>
 
         <div class="flex flex-wrap justify-center gap-4 mb-6">
@@ -181,6 +197,7 @@ export default {
             <Button icon="pi pi-bell" severity="warn" rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" rounded aria-label="Cancel" />
+            <Button icon="pi pi-star" severity="contrast" rounded aria-label="Star" />
         </div>
 
         <div class="flex flex-wrap justify-center gap-4 mb-6">
@@ -191,6 +208,7 @@ export default {
             <Button icon="pi pi-bell" severity="warn" rounded outlined aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" rounded outlined aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" rounded outlined aria-label="Cancel" />
+            <Button icon="pi pi-star" severity="contrast" rounded outlined aria-label="Star" />
         </div>
 
         <div class="flex flex-wrap justify-center gap-4 mb-6">
@@ -201,6 +219,7 @@ export default {
             <Button icon="pi pi-bell" severity="warn" text raised rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" text raised rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" text raised rounded aria-label="Cancel" />
+            <Button icon="pi pi-star" severity="contrast" text raised rounded aria-label="Star" />
         </div>
 
         <div class="flex flex-wrap justify-center gap-4">
@@ -211,6 +230,7 @@ export default {
             <Button icon="pi pi-bell" severity="warn" text rounded aria-label="Notification" />
             <Button icon="pi pi-heart" severity="help" text rounded aria-label="Favorite" />
             <Button icon="pi pi-times" severity="danger" text rounded aria-label="Cancel" />
+            <Button icon="pi pi-star" severity="contrast" text rounded aria-label="Star" />
         </div>
     </div>
 </template>