<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="M16 3a5 5 0 0 0-4.341 2.518 5 5 0 0 0-4.851 1.289 5 5 0 0 0-1.29 4.851A5 5 0 0 0 3 16c0 1.86 1.014 3.48 2.518 4.341a5 5 0 0 0 1.289 4.851 5 5 0 0 0 4.851 1.29A5 5 0 0 0 16 29c1.86 0 3.48-1.015 4.342-2.52a5 5 0 0 0 4.85-1.288 5 5 0 0 0 1.29-4.85A5 5 0 0 0 29 16c0-1.86-1.015-3.48-2.52-4.342a5 5 0 0 0-1.288-4.85 5 5 0 0 0-4.85-1.29A5 5 0 0 0 16 3m-2.86 4.093a3.002 3.002 0 0 1 5.72 0l.36 1.133 1.055-.547a3.002 3.002 0 0 1 4.045 4.046l-.548 1.055 1.134.359a3.002 3.002 0 0 1 0 5.722l-1.133.359.548 1.055a3.002 3.002 0 0 1-4.046 4.045l-1.055-.548-.359 1.134a3.002 3.002 0 0 1-5.722 0l-.359-1.134-1.055.549a3.002 3.002 0 0 1-4.046-4.046l.547-1.055-1.133-.36a3.002 3.002 0 0 1 0-5.72l1.135-.36-.549-1.055a3.002 3.002 0 0 1 4.046-4.046l1.055.547zm7.234 6.947a1 1 0 0 0-1.414-1.414l-4.006 4.005-1.962-1.717a1 1 0 1 0-1.317 1.505l2.666 2.334a1 1 0 0 0 1.366-.046z"/></svg></template>
<script setup lang="ts">
/**
 * Warranty32 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>
