diff --git a/components/lib/button/Button.vue b/components/lib/button/Button.vue
index bf7e50a8f4..ba54416f93 100755
--- a/components/lib/button/Button.vue
+++ b/components/lib/button/Button.vue
@@ -5,8 +5,8 @@
                 <span v-if="loadingIcon" :class="[cx('loadingIcon'), cx('icon'), loadingIcon]" v-bind="ptm('loadingIcon')" />
                 <SpinnerIcon v-else :class="[cx('loadingIcon'), cx('icon')]" spin v-bind="ptm('loadingIcon')" />
             </slot>
-            <slot v-else name="icon" :class="cx('icon')">
-                <span v-if="icon" :class="[cx('icon'), icon]" v-bind="ptm('icon')"></span>
+            <slot v-else name="icon" :class="[cx('icon'), icon, iconClass]">
+                <span v-if="icon" :class="[cx('icon'), icon, iconClass]" v-bind="ptm('icon')"></span>
             </slot>
             <span :class="cx('label')" v-bind="ptm('label')">{{ label || '&nbsp;' }}</span>
             <Badge v-if="badge" :value="badge" :class="badgeClass" :unstyled="unstyled" v-bind="ptm('badge')"></Badge>