diff --git a/packages/icon/src/icon.ts b/packages/icon/src/icon.ts
index 969c13feb..b5b9fe1d7 100644
--- a/packages/icon/src/icon.ts
+++ b/packages/icon/src/icon.ts
@@ -19,7 +19,7 @@ export default defineComponent({
     return () => {
       const { name, roll, status } = props
       return h('i', {
-        class: [`vxe-icon-${name}`, roll || '', status ? [`theme--${status}`] : ''],
+        class: [`vxe-icon-${name}`, roll ? 'roll' : '', status ? [`theme--${status}`] : ''],
         onClick: clickEvent
       })
     }