<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M8.333 10a5 5 0 1 1 10 0 5 5 0 0 1-10 0m5-7a7 7 0 1 0 0 14 7 7 0 0 0 0-14M8.501 19.04a1 1 0 0 0-.837-.076l-4 1.428a1 1 0 0 0-.664.941v5.334a1 1 0 0 0 .77.973l.23-.973-.23.973h.002l.004.001.013.003.05.012a56 56 0 0 0 .893.197c.596.127 1.429.296 2.379.465 1.883.335 4.289.682 6.222.682s4.34-.347 6.223-.682q.507-.09.96-.178l.986.985a1 1 0 0 0 1.414 0l5.42-5.42a4 4 0 0 0-5.656-5.658l-.471.472-.472-.472a4 4 0 0 0-6.77 2.149q-.798.136-1.634.137a9.6 9.6 0 0 1-4.832-1.292m6.63 3.155a12 12 0 0 1-1.798.138c-1.955 0-3.8-.482-5.421-1.333L5 22.038v3.827l.149.032c.579.123 1.389.288 2.312.452 1.863.331 4.124.651 5.872.651 1.622 0 3.686-.275 5.464-.58l-2.717-2.716a4 4 0 0 1-.948-1.509m2.364-2.734a2 2 0 0 1 2.828 0l1.179 1.179.707.707.707-.707 1.178-1.179a2 2 0 0 1 2.829 2.829l-4.714 4.714-4.714-4.714a2 2 0 0 1 0-2.829"/></svg></template>
<script setup lang="ts">
/**
 * ProfilePassion32 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>
