<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16 5a9.005 9.005 0 0 0-8.496 6.024Q7.749 11 8 11a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1 5 5 0 0 1-2.79-9.15C6.212 6.804 10.66 3 16 3s9.79 3.804 10.79 8.85a5 5 0 0 1-.504 8.598 10.36 10.36 0 0 1-6.13 5.948C19.6 28.004 17.805 29 16 29c-2.173 0-4.333-1.445-4.333-3.667s2.16-3.666 4.333-3.666c1.793 0 3.577.983 4.146 2.574A8.37 8.37 0 0 0 23.8 20.98 1 1 0 0 1 23 20v-8a1 1 0 0 1 1-1q.252 0 .497.024A9.005 9.005 0 0 0 16 5m-9 8.17a3.001 3.001 0 0 0 0 5.66zm18 0v5.66a3.001 3.001 0 0 0 0-5.66M13.667 25.334c0-.723.825-1.666 2.333-1.666s2.333.943 2.333 1.666c0 .724-.825 1.667-2.333 1.667s-2.333-.943-2.333-1.667"/></svg></template>
<script setup lang="ts">
/**
 * Helpline32 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>
