<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="M12 2c-1.42 0-2.665.739-3.375 1.852A4 4 0 0 0 4.93 4.928a4 4 0 0 0-1.077 3.697A4 4 0 0 0 2 12c0 1.42.739 2.665 1.852 3.375a4 4 0 0 0 1.076 3.696 4 4 0 0 0 3.697 1.077A4 4 0 0 0 12 22c1.42 0 2.665-.74 3.375-1.853a4 4 0 0 0 3.696-1.076 4 4 0 0 0 1.077-3.696A4 4 0 0 0 22 12c0-1.42-.74-2.665-1.853-3.375a4 4 0 0 0-1.076-3.696 4 4 0 0 0-3.696-1.077A4 4 0 0 0 12 2m-1.907 3.395a2.001 2.001 0 0 1 3.814 0l.36 1.134 1.054-.548a2.001 2.001 0 0 1 2.697 2.697l-.548 1.056 1.134.359a2.001 2.001 0 0 1 0 3.814l-1.133.36.548 1.054a2.001 2.001 0 0 1-2.697 2.697l-1.056-.548-.359 1.134a2.001 2.001 0 0 1-3.814 0l-.36-1.134-1.055.549a2.001 2.001 0 0 1-2.697-2.698l.548-1.055-1.134-.359a2.001 2.001 0 0 1 0-3.814l1.135-.36-.549-1.055A2.001 2.001 0 0 1 8.68 5.981l1.055.548zm5.364 5.312a1 1 0 0 0-1.414-1.414l-2.839 2.838-1.295-1.134a1 1 0 0 0-1.317 1.506l2 1.75a1 1 0 0 0 1.365-.046z"/></svg></template>
<script setup lang="ts">
/**
 * Warranty24 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>
