<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M10 2.583a.75.75 0 0 1 .687.449l1.833 4.182 4.258.64a.75.75 0 0 1 .378 1.31l-3.309 2.85 1.21 4.456a.75.75 0 0 1-1.132.826L10 14.753l-3.926 2.543a.75.75 0 0 1-1.131-.826l1.21-4.456-3.31-2.85a.75.75 0 0 1 .379-1.31l4.257-.64 1.834-4.182A.75.75 0 0 1 10 2.583m0 2.618L8.687 8.196l-.167.379-.409.061-3.05.459 2.428 2.09.358.31-.123.455-.82 3.021 2.688-1.741.408-.264.407.264 2.689 1.741-.82-3.02-.124-.457.358-.308 2.428-2.091-3.05-.459-.409-.061-.166-.38z"/></svg></template>
<script setup lang="ts">
/**
 * Star20 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>
