<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="M6.5 7.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0M10 2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11M6.5 14.064a1 1 0 0 0-.836-.076l-3 1.07A1 1 0 0 0 2 16v4a1 1 0 0 0 .77.973L3 20l-.23.973h.002l.003.001.01.003.038.009a32 32 0 0 0 .674.148c.449.096 1.076.223 1.792.35C6.704 21.737 8.527 22 10 22c.5 0 1.04-.03 1.592-.08a1 1 0 0 0 .908.58h9a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1H19v-1a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v1h-2.5a1 1 0 0 0-1 1v.34a7.03 7.03 0 0 1-5-.776m5 2.811Q10.767 17 10 17a9 9 0 0 1-4.085-.978L4 16.705v2.492c.425.09.995.204 1.64.318C7.034 19.764 8.712 20 10 20c.46 0 .97-.03 1.5-.08zM18 13.5V13h-2v.5zm-4.5 2V17h7v-1.5zm3 3V18h-3v2.5h7V18h-3v.5a.5.5 0 0 1-1 0"/></svg></template>
<script setup lang="ts">
/**
 * ProfilePro24 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>
