index.vue 511 B

12345678910111213141516171819202122232425262728293031323334
  1. <template>
  2. <iconify-icon
  3. :icon="icon"
  4. :rotate="`${rotate}deg`"
  5. :width="width"
  6. :style="{
  7. color: color
  8. }"
  9. ></iconify-icon>
  10. </template>
  11. <script setup lang="ts">
  12. defineProps({
  13. icon: {
  14. type: String,
  15. required: true
  16. },
  17. color: {
  18. type: String,
  19. default: '#999999',
  20. required: false
  21. },
  22. width: {
  23. type: [String, Number],
  24. default: '20',
  25. required: false
  26. },
  27. rotate: {
  28. type: [String, Number],
  29. default: '0',
  30. required: false
  31. }
  32. })
  33. </script>