<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="M10 1.75a3.25 3.25 0 0 0-2.773 1.554 3.25 3.25 0 0 0-3.06.862 3.25 3.25 0 0 0-.862 3.06A3.25 3.25 0 0 0 1.75 10c0 1.174.623 2.202 1.555 2.773a3.25 3.25 0 0 0 .861 3.06 3.25 3.25 0 0 0 3.06.862A3.25 3.25 0 0 0 10 18.25a3.25 3.25 0 0 0 2.773-1.555 3.249 3.249 0 0 0 3.922-3.922A3.25 3.25 0 0 0 18.25 10a3.25 3.25 0 0 0-1.555-2.773 3.25 3.25 0 0 0-.862-3.06 3.25 3.25 0 0 0-3.06-.862A3.25 3.25 0 0 0 10 1.75M8.331 4.47a1.751 1.751 0 0 1 3.338 0l.269.85.791-.41a1.751 1.751 0 0 1 2.36 2.36l-.41.792.85.27a1.751 1.751 0 0 1 0 3.337l-.85.269.41.791a1.751 1.751 0 0 1-2.36 2.36l-.791-.41-.27.85a1.751 1.751 0 0 1-3.337 0l-.269-.85-.792.41a1.751 1.751 0 0 1-2.36-2.36l.41-.791-.85-.27a1.751 1.751 0 0 1 .001-3.337l.85-.269-.41-.792a1.751 1.751 0 0 1 2.36-2.36l.791.411zm4.7 3.56a.75.75 0 0 0-1.061-1.06l-5 5a.75.75 0 1 0 1.06 1.06zm-6.656-.113a1.333 1.333 0 1 1 2.667 0 1.333 1.333 0 0 1-2.667 0m5.917 2.833a1.333 1.333 0 1 0 0 2.667 1.333 1.333 0 0 0 0-2.667"/></svg></template>
<script setup lang="ts">
/**
 * Discount20 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>
