<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M12.916 3.598a1 1 0 0 0-1.832 0L8.906 8.567l-5.055.76a1 1 0 0 0-.504 1.747l3.923 3.378-1.435 5.286a1 1 0 0 0 1.509 1.101L12 17.823l4.656 3.016a1 1 0 0 0 1.51-1.101l-1.436-5.286 3.923-3.379a1 1 0 0 0-.504-1.746l-5.055-.76zM12 6.49v8.95l.544.352 3.006 1.948-.915-3.373-.165-.608.477-.411 2.749-2.367-3.445-.518-.545-.082-.222-.506z"/></svg></template>
<script setup lang="ts">
/**
 * StarHalf24 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>
