<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="M8 2.833a.5.5 0 0 1 .474.342l1.088 3.263 3.262 1.087a.5.5 0 0 1 0 .949L9.562 9.562l-1.088 3.263a.5.5 0 0 1-.949 0L6.438 9.562 3.175 8.474a.5.5 0 0 1 0-.949l3.263-1.087 1.087-3.263A.5.5 0 0 1 8 2.833m0 2.081-.693 2.077a.5.5 0 0 1-.316.316L4.914 8l2.077.692a.5.5 0 0 1 .316.316L8 11.085l.692-2.077a.5.5 0 0 1 .316-.316L11.085 8l-2.077-.693a.5.5 0 0 1-.316-.316zm11.66 4.309a1 1 0 0 0-1.988 0c-.32 2.883-1.104 4.794-2.38 6.07s-3.186 2.06-6.07 2.38a1 1 0 0 0 0 1.987c2.884.32 4.795 1.104 6.07 2.38s2.06 3.186 2.38 6.07a1 1 0 0 0 1.988 0c.32-2.883 1.104-4.794 2.38-6.07s3.186-2.06 6.07-2.38a1 1 0 0 0 0-1.988c-2.883-.32-4.794-1.104-6.07-2.38s-2.06-3.186-2.38-6.07"/></svg></template>
<script setup lang="ts">
/**
 * Ai32 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>
