<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M12 4a6.5 6.5 0 0 0-6.002 4H6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1 4 4 0 0 1-2.317-7.261 8.503 8.503 0 0 1 16.635 0 4 4 0 0 1-.405 6.775 8.02 8.02 0 0 1-4.6 4.477C14.814 21.253 13.384 22 12 22c-1.713 0-3.5-1.146-3.5-3s1.787-3 3.5-3c1.32 0 2.683.68 3.24 1.84a6.03 6.03 0 0 0 2.237-1.988A1 1 0 0 1 17 15V9a1 1 0 0 1 1-1h.002A6.5 6.5 0 0 0 12 4m-7 6.268a2 2 0 0 0 0 3.464zm14 3.464a2 2 0 0 0 0-3.464zM10.5 19c0-.356.452-1 1.5-1s1.5.644 1.5 1-.452 1-1.5 1-1.5-.644-1.5-1"/></svg></template>
<script setup lang="ts">
/**
 * Helpline24 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>
