<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.023s6.509-.52 9.334-1.023c.505-.09.988-.18 1.44-.267l1.478 1.478a1.5 1.5 0 0 0 2.122 0l8.131-8.132a6 6 0 1 0-8.485-8.485l-.707.707-.707-.707a6 6 0 0 0-10.156 3.223q-1.196.204-2.45.206c-2.644 0-5.118-.706-7.249-1.939m9.947 4.732q-1.32.206-2.698.207a17.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 2.433 0 5.529-.413 8.195-.87l-4.074-4.074a6 6 0 0 1-1.423-2.263m3.544-4.1a3 3 0 0 1 4.243 0l1.767 1.767 1.061 1.06 1.06-1.06 1.769-1.768a3 3 0 1 1 4.242 4.243l-7.071 7.07-7.071-7.07a3 3 0 0 1 0-4.243"/></svg></template>
<script setup lang="ts">
/**
 * ProfilePassion48 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>
