<script setup lang="ts">
interface Props {
  size?: number | string
  color?: string
}

withDefaults(defineProps<Props>(), {
  size: 20,
  color: '#ffffff',
})
</script>

<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    :width="size"
    :height="size"
    viewBox="0 0 17 17"
    :fill="color"
  >
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M16.6667 8.33333C16.6667 12.9357 12.9357 16.6667 8.33333 16.6667C3.73096 16.6667 0 12.9357 0 8.33333C0 3.73096 3.73096 0 8.33333 0C12.9357 0 16.6667 3.73096 16.6667 8.33333ZM7.55393 6.8783L7.55605 6.88009C7.76948 7.06425 8.19603 7.17448 8.69379 7.30311C9.90868 7.61706 11.5478 8.04063 11.5478 9.91641C11.5478 11.6738 10.068 12.5 8.23015 12.5C6.95157 12.5 5.1192 11.9879 5.1192 10.8707C5.1192 10.3587 5.44311 9.91705 5.96823 9.91705C6.16268 9.91705 6.3884 10.01 6.66494 10.1239C7.10217 10.3041 7.66644 10.5365 8.43495 10.5365C9.1248 10.5365 9.45091 10.3844 9.45091 10.0677C9.45091 9.91641 9.39384 9.8302 9.30252 9.73706C9.07688 9.51765 8.61746 9.3754 8.0873 9.21125C6.87409 8.8356 5.29047 8.34525 5.29047 6.55315C5.29047 5.07512 6.56347 4.16667 8.37854 4.16667C9.00636 4.16667 10.2852 4.30266 10.7875 4.81477C10.9816 5.0126 11.0772 5.25698 11.0772 5.57122C11.0772 6.06002 10.7504 6.42442 10.2252 6.42442C10.0821 6.42442 9.89365 6.37285 9.66454 6.31013C9.30915 6.21285 8.85583 6.08877 8.32147 6.08877C7.77352 6.08877 7.36154 6.1735 7.36154 6.52575C7.36154 6.59753 7.38041 6.6668 7.43516 6.75034C7.46374 6.794 7.50331 6.83711 7.55393 6.8783Z"
    />
  </svg>
</template>
