<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M12.5 15a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0M20 4.5C14.201 4.5 9.5 9.201 9.5 15S14.201 25.5 20 25.5 30.5 20.799 30.5 15 25.799 4.5 20 4.5m-7.249 24.061a1.5 1.5 0 0 0-1.255-.114l-6 2.14A1.5 1.5 0 0 0 4.5 32v8a1.5 1.5 0 0 0 1.156 1.46L6 40l-.344 1.46h.002l.005.002.02.005.076.017.286.065a109.536 109.536 0 0 0 4.62.928c2.826.503 6.435 1.023 9.335 1.023 1.102 0 2.306-.075 3.53-.196A1.5 1.5 0 0 0 25 44.5h18a1.5 1.5 0 0 0 1.5-1.5V29a1.5 1.5 0 0 0-1.5-1.5h-5V25a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v2.5h-5a1.5 1.5 0 0 0-1.5 1.5v1.075c-1.12.278-2.292.425-3.5.425-2.644 0-5.118-.706-7.249-1.939M23.5 33.15a17.6 17.6 0 0 1-3.5.35 17.4 17.4 0 0 1-8.132-2L7.5 33.056v5.74l.223.048c.869.185 2.084.432 3.469.678 2.794.497 6.186.977 8.808.977 1.07 0 2.267-.08 3.5-.208zM36 27.5V26h-4v1.5zm-9.5 3V34h15v-3.5zM33 37v-1h-6.5v5.5h15V36H35v1a1 1 0 1 1-2 0"/></svg></template>
<script setup lang="ts">
/**
 * ProfilePro48 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>
