<template>
  <div class="iconstyle">
    <Icon :icon="icon" />
  </div>
</template>
<script lang="ts" setup>
import { Icon } from '@iconify/vue';

defineProps({
  icon: {
    type: String,
    required: true,
  },
  color: {
    type: String,
    required: false,
    default: 'inherit',
  },
  size: {
    type: String,
    required: false,
    default: '24px',
  },
  bSize: {
    type: String,
    required: false,
    default: '24px',
  },
});
</script>
<style lang="scss" scoped>
.iconstyle {
  width: v-bind(bSize);
  height: v-bind(bSize);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: v-bind(size);
  color: v-bind(color);
}
</style>
