<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M24 4.5a7.5 7.5 0 0 0-6.512 3.777 7.5 7.5 0 0 0-7.277 1.933 7.5 7.5 0 0 0-1.933 7.278A7.5 7.5 0 0 0 4.5 24a7.5 7.5 0 0 0 3.777 6.512 7.5 7.5 0 0 0 1.934 7.276 7.5 7.5 0 0 0 7.276 1.934A7.5 7.5 0 0 0 24 43.5c2.79 0 5.22-1.522 6.513-3.779a7.5 7.5 0 0 0 7.275-1.933 7.5 7.5 0 0 0 1.934-7.276A7.5 7.5 0 0 0 43.5 24c0-2.79-1.522-5.22-3.779-6.513a7.5 7.5 0 0 0-1.933-7.276 7.5 7.5 0 0 0-7.276-1.933A7.5 7.5 0 0 0 24 4.5m-4.291 6.14a4.503 4.503 0 0 1 8.582 0l.538 1.7 1.583-.822a4.503 4.503 0 0 1 6.068 6.07l-.822 1.582 1.701.538a4.503 4.503 0 0 1 .001 8.583l-1.7.538.821 1.583a4.503 4.503 0 0 1-6.068 6.068l-1.584-.821-.538 1.7a4.503 4.503 0 0 1-8.582 0l-.539-1.7-1.583.822a4.503 4.503 0 0 1-6.07-6.069l.823-1.583-1.7-.538a4.503 4.503 0 0 1 0-8.582l1.701-.539-.822-1.583a4.503 4.503 0 0 1 6.069-6.07l1.583.823zM30.56 21.06a1.5 1.5 0 0 0-2.122-2.12l-6.007 6.007-2.944-2.576a1.5 1.5 0 0 0-1.976 2.258l4 3.5a1.5 1.5 0 0 0 2.049-.068z"/></svg></template>
<script setup lang="ts">
/**
 * Warranty48 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>
