<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="M5 1.583a.5.5 0 0 1 .474.342l.65 1.95 1.95.65a.5.5 0 0 1 0 .949l-1.95.65-.65 1.95a.5.5 0 0 1-.949 0l-.65-1.95-1.95-.65a.5.5 0 0 1 0-.949l1.95-.65.65-1.95A.5.5 0 0 1 5 1.583m0 2.081-.255.765a.5.5 0 0 1-.316.316L3.664 5l.765.255a.5.5 0 0 1 .316.316L5 6.335l.255-.764a.5.5 0 0 1 .316-.316L6.335 5l-.764-.255a.5.5 0 0 1-.316-.316zm7.412 2.086a.75.75 0 0 0-1.491 0c-.199 1.788-.682 2.95-1.452 3.72-.77.769-1.931 1.252-3.719 1.45a.75.75 0 0 0 0 1.492c1.788.198 2.95.682 3.72 1.451.769.77 1.252 1.932 1.45 3.72a.75.75 0 0 0 1.492 0c.198-1.788.682-2.95 1.451-3.72.77-.77 1.932-1.253 3.72-1.451a.75.75 0 0 0 0-1.491c-1.788-.199-2.95-.682-3.72-1.452S12.61 7.538 12.412 5.75"/></svg></template>
<script setup lang="ts">
/**
 * Ai20 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>
