diff --git a/src/components/Iconify/index.vue b/src/components/Iconify/index.vue
index 7439c8a..4570001 100644
--- a/src/components/Iconify/index.vue
+++ b/src/components/Iconify/index.vue
@@ -7,23 +7,21 @@
       type: String,
     },
     size: {
-      type: Number,
+      type: [Number, String],
     },
     color: {
       type: String,
     },
   });
 
-  const iconName = computed(() => {
-    return `i-${props.icon}`;
-  });
-
   const iconSize = ref<string | boolean>(
     props.size ? `${props.size}rpx` : false,
   );
   const style = computed(() => {
     return assign(
-      unref(iconSize) ? { size: props.size } : {},
+      unref(iconSize)
+        ? { width: unref(iconSize), height: unref(iconSize) }
+        : {},
       props.color ? { color: props.color } : {},
     );
   });
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index f68c685..289fef8 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -29,13 +29,15 @@
         <text class="">是否是Vue3: {{ isVue3 }}</text>
       </view>
       <view class="text-area">
-        <text class="">当前平台: {{ platform }}</text>
+        <text class="un-text-red">当前平台: {{ platform }}</text>
       </view>
       <BasicButton @click="handleGetStarted">Get Started → </BasicButton>
       <view class="un-text-red">uno css</view>
-      <Iconify icon="i-ph-anchor-simple-thin" />
-      <Iconify icon="i-ph-airplane-thin" />
-      <Iconify icon="i-ant-design-check-circle-filled" />
+      <Iconify icon="i-ph-anchor-simple-thin" size="65" />
+      <Iconify icon="i-system-uicons-book-text" />
+      <Iconify icon="i-system-uicons-battery-full" size="65" />
+      <Iconify icon="i-system-uicons-box-add" :size="65" />
+      <Iconify icon="i-system-uicons-bell-snooze" color="red" :size="65" />
     </view>
   </AppProvider>
 </template>