如何将物料UI临时抽屉按钮作为图标而不是文本？

<template>
  <div>
    <button class="drawer-button" @click="toggleDrawer">
      <i class="material-icons">menu</i>
    </button>
    <el-drawer :visible="drawerVisible" @close="closeDrawer">
      <!-- 抽屉内容 -->
    </el-drawer>
  </div>
</template>

<script>
export default {
  data() {
    return {
      drawerVisible: false
    };
  },
  methods: {
    toggleDrawer() {
      this.drawerVisible = !this.drawerVisible;
    },
    closeDrawer() {
      this.drawerVisible = false;
    }
  }
};
</script>

<style>
.drawer-button {
  display: flex;
  align-items: center;
  /* 添加其他样式属性，如背景色、边框等 */
}

.material-icons {
  /* 添加其他样式属性，如字体大小、颜色等 */
}
</style>