<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.428.433 0 .902-.028 1.38-.072a.75.75 0 0 0 .704.489h7.5a.75.75 0 0 0 .75-.75v-5.834a.75.75 0 0 0-.75-.75h-2v-.916a.5.5 0 0 0-.5-.5h-2.5a.5.5 0 0 0-.5.5v.916h-2a.75.75 0 0 0-.75.75v.35a5.94 5.94 0 0 1-4.291-.64m4.29 2.172a7.46 7.46 0 0 1-4.73-.703l-1.686.601v2.203c.36.076.863.178 1.435.28 1.163.207 2.567.405 3.648.405.409 0 .863-.028 1.334-.075zm5.25-2.63v-.417h-1.5v.416zm-3.75 1.5v1.25h6v-1.25zm2.5 2.583v-.334h-2.5v2.084h6v-2.084h-2.5v.334a.5.5 0 0 1-1 0"/></svg></template>
<script setup lang="ts">
/**
 * ProfilePro20 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>
