<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M21.5 20c0-5.799 4.7-10.5 10.5-10.5S42.5 14.201 42.5 20 37.799 30.5 32 30.5 21.5 25.799 21.5 20M32 6.5c-7.456 0-13.5 6.044-13.5 13.5S24.544 33.5 32 33.5 45.5 27.456 45.5 20 39.456 6.5 32 6.5m-9.916 32.014a1.5 1.5 0 0 0-1.255-.114l-8 2.854a1.5 1.5 0 0 0-.996 1.413V56a1.5 1.5 0 0 0 1.5 1.5h37.333a1.5 1.5 0 0 0 1.5-1.5V42.667a1.5 1.5 0 0 0-.996-1.413l-8-2.854a1.5 1.5 0 0 0-1.255.114A19.74 19.74 0 0 1 32 41.167c-3.615 0-7-.966-9.916-2.653M14.833 54.5V43.724l6.363-2.27c3.218 1.73 6.898 2.713 10.804 2.713s7.585-.982 10.803-2.713l6.363 2.27V54.5z"/></svg></template>
<script setup lang="ts">
/**
 * Profile64 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>
