<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M32 9.5c-8.357 0-15.422 5.544-17.715 13.155A9.6 9.6 0 0 1 16 22.5a1.5 1.5 0 0 1 1.5 1.5v16a1.5 1.5 0 0 1-1.5 1.5 9.5 9.5 0 0 1-5.128-17.499C12.747 14.037 21.492 6.5 32.001 6.5s19.254 7.538 21.129 17.503A9.5 9.5 0 0 1 57.5 32a9.5 9.5 0 0 1-5.324 8.536A20.22 20.22 0 0 1 39.91 52.403C38.968 55.502 35.554 57.5 32 57.5c-4.18 0-8.167-2.764-8.167-6.833S27.82 43.833 32 43.833c3.644 0 7.14 2.1 7.978 5.334a17.24 17.24 0 0 0 8.465-7.677q-.22.01-.443.01a1.5 1.5 0 0 1-1.5-1.5V24a1.5 1.5 0 0 1 1.5-1.5q.88.001 1.717.155C47.424 15.044 40.36 9.5 32.001 9.5m17.81 28.745-.02-.006-.005.013q-.141.04-.285.074V25.674a6.503 6.503 0 0 1 .31 12.57M14.5 25.674a6.503 6.503 0 0 0 0 12.652zm12.333 24.993c0-1.822 1.984-3.834 5.167-3.834s5.167 2.012 5.167 3.834S35.183 54.5 32 54.5s-5.167-2.011-5.167-3.833"/></svg></template>
<script setup lang="ts">
/**
 * Helpline64 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>
