<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="M11 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-14m-4.832 16.04a1 1 0 0 0-.837-.076l-4 1.428a1 1 0 0 0-.664.941V28a1 1 0 0 0 1 1h18.667a1 1 0 0 0 1-1v-6.667a1 1 0 0 0-.664-.941l-4-1.428a1 1 0 0 0-.837.077A9.6 9.6 0 0 1 16 20.333a9.6 9.6 0 0 1-4.832-1.292M7.667 27v-4.962L10.579 21c1.62.852 3.466 1.334 5.421 1.334s3.801-.482 5.422-1.333l2.912 1.038V27z"/></svg></template>
<script setup lang="ts">
/**
 * Profile32 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>
