<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="M8.333 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-14M8.501 19.04a1 1 0 0 0-.837-.076l-4 1.428a1 1 0 0 0-.664.941v5.334a1 1 0 0 0 .77.973l.23-.973-.23.973h.002l.004.001.013.003.05.012a56 56 0 0 0 .893.197c.596.127 1.429.296 2.379.465 1.883.335 4.289.682 6.222.682.735 0 1.538-.05 2.354-.13a1 1 0 0 0 .98.797h12a1 1 0 0 0 1-1v-9.334a1 1 0 0 0-1-1h-3.5v-1.666a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 0-.5.5v1.666h-3.5a1 1 0 0 0-1 1v.717a9.7 9.7 0 0 1-2.334.283 9.6 9.6 0 0 1-4.832-1.292m7.166 3.06c-.754.153-1.535.233-2.334.233-1.955 0-3.8-.482-5.421-1.333L5 22.038v3.827l.149.032c.579.123 1.389.288 2.312.452 1.863.331 4.124.651 5.872.651.713 0 1.512-.053 2.334-.139zm8.5-3.767v-1.166h-3v1.166zm-6.5 2v2.5h10v-2.5zm4.5 4.334v-.834h-4.5v3.834h10v-3.834h-4.5v.834a.5.5 0 0 1-1 0"/></svg></template>
<script setup lang="ts">
/**
 * ProfilePro32 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>
