<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M5.333 6.25a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9M5.376 11.792a.75.75 0 0 0-.628-.057l-2.5.892a.75.75 0 0 0-.498.706v3.334c0 .347.24.65.578.73l.172-.73-.172.73h.003l.009.002.031.008a23 23 0 0 0 .56.123c.374.08.896.186 1.491.292 1.179.21 2.691.428 3.911.428s2.733-.219 3.911-.428q.281-.05.537-.1l.57.57a.75.75 0 0 0 1.06 0l3.388-3.389a2.625 2.625 0 0 0-3.712-3.712l-.207.206-.206-.206a2.625 2.625 0 0 0-4.426 1.322q-.448.07-.915.07a5.9 5.9 0 0 1-2.957-.79m4 2.219a7.5 7.5 0 0 1-1.043.072 7.4 7.4 0 0 1-3.398-.822l-1.685.601v2.203c.36.076.863.178 1.435.28 1.163.207 2.567.405 3.648.405.932 0 2.104-.147 3.155-.32l-1.526-1.527a2.6 2.6 0 0 1-.587-.892m1.647-1.76c.439-.439 1.151-.439 1.59 0l.737.737.53.53.53-.53.737-.736a1.125 1.125 0 1 1 1.591 1.59l-2.858 2.859-2.858-2.858a1.125 1.125 0 0 1 0-1.591"/></svg></template>
<script setup lang="ts">
/**
 * ProfilePassion20 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>
