<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="M7 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-9M7.043 11.792a.75.75 0 0 0-.628-.057l-2.5.892a.75.75 0 0 0-.498.706V17.5c0 .414.336.75.75.75h11.667a.75.75 0 0 0 .75-.75v-4.167c0-.317-.2-.6-.498-.706l-2.5-.892a.75.75 0 0 0-.628.057 5.9 5.9 0 0 1-2.958.791 5.9 5.9 0 0 1-2.957-.79M4.917 16.75v-2.888l1.685-.601a7.4 7.4 0 0 0 3.398.822c1.224 0 2.38-.297 3.398-.822l1.686.601v2.888z"/></svg></template>
<script setup lang="ts">
/**
 * Profile20 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>
