<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 3.25a5.5 5.5 0 0 0-5.126 3.502L5 6.75a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-.75.75 3.25 3.25 0 0 1-1.856-5.918 7.002 7.002 0 0 1 13.712 0 3.25 3.25 0 0 1-.329 5.537 6.6 6.6 0 0 1-3.83 3.725c-.39 1.034-1.555 1.656-2.697 1.656-1.4 0-2.833-.934-2.833-2.417S8.6 13.417 10 13.417c1.108 0 2.236.585 2.66 1.563a5.1 5.1 0 0 0 2.024-1.8.75.75 0 0 1-.434-.68v-5a.75.75 0 0 1 .75-.75q.064 0 .127.002A5.5 5.5 0 0 0 10 3.25M4.25 8.418a1.75 1.75 0 0 0 0 3.164zm11.5 3.164a1.75 1.75 0 0 0 0-3.164zm-7.083 4.251c0-.358.432-.916 1.333-.916s1.333.558 1.333.916c0 .36-.432.917-1.333.917s-1.333-.558-1.333-.917"/></svg></template>
<script setup lang="ts">
/**
 * Helpline20 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>
