<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16 4.333a1 1 0 0 1 .916.598l2.978 6.793 6.921 1.041a1 1 0 0 1 .504 1.747l-5.39 4.641 1.97 7.251a1 1 0 0 1-1.51 1.102L16 23.366l-6.389 4.14a1 1 0 0 1-1.509-1.102l1.969-7.25-5.39-4.642a1 1 0 0 1 .504-1.747l6.921-1.04 2.979-6.794A1 1 0 0 1 16 4.333m0 3.49-2.284 5.21-.222.505-.546.082-5.31.799 4.214 3.63.478.411-.165.609-1.449 5.337 4.74-3.07.544-.352.543.352 4.74 3.07-1.448-5.337-.165-.609.477-.411 4.215-3.63-5.311-.799-.546-.082-.221-.505z"/></svg></template>
<script setup lang="ts">
/**
 * Star32 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
