<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="M6 2a.5.5 0 0 1 .474.342L7.27 4.73l2.388.796a.5.5 0 0 1 0 .948L7.27 7.27l-.796 2.388a.5.5 0 0 1-.948 0L4.73 7.27l-2.388-.796a.5.5 0 0 1 0-.948L4.73 4.73l.796-2.388A.5.5 0 0 1 6 2m0 2.081-.4 1.202a.5.5 0 0 1-.317.316L4.081 6l1.202.4a.5.5 0 0 1 .316.317L6 7.919l.4-1.202a.5.5 0 0 1 .317-.316L7.919 6l-1.202-.4a.5.5 0 0 1-.316-.317zm8.994 2.809a1 1 0 0 0-1.988 0c-.237 2.133-.812 3.502-1.713 4.403s-2.27 1.476-4.403 1.713a1 1 0 0 0 0 1.988c2.133.237 3.502.812 4.403 1.713s1.476 2.27 1.713 4.403a1 1 0 0 0 1.988 0c.237-2.133.812-3.502 1.713-4.403s2.27-1.476 4.403-1.713a1 1 0 0 0 0-1.988c-2.133-.237-3.502-.812-4.403-1.713s-1.476-2.27-1.713-4.403"/></svg></template>
<script setup lang="ts">
/**
 * Ai24 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>
