<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-7.5a.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-.075zm1.5-1.13v4.333h6v-4.334zm2.853.977a.21.21 0 0 1 .295 0l1.875 1.875a.208.208 0 0 1-.147.356h-3.75a.208.208 0 0 1-.148-.356z"/></svg></template>
<script setup lang="ts">
/**
 * ProfileCollaborator20 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>
