<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="M22.827 17.342C25.333 16.01 28.297 14.5 32 14.5s6.667 1.51 9.174 2.842l.258.137c2.494 1.326 4.427 2.354 6.568 2.354a1.5 1.5 0 0 1 1.491 1.335c1.569.03 3.808.505 5.72 1.881 2.052 1.478 3.623 3.929 3.623 7.618 0 3.828-2.373 7.09-4.982 9.501-2.644 2.444-5.791 4.261-7.91 5.203q-.068.03-.138.053C42.602 49.528 37.61 52.167 32 52.167S21.4 49.528 18.196 45.424a2 2 0 0 1-.138-.053c-2.118-.942-5.265-2.759-7.91-5.203-2.608-2.412-4.981-5.673-4.981-9.501 0-3.69 1.57-6.14 3.624-7.618 1.91-1.376 4.15-1.851 5.718-1.88A1.5 1.5 0 0 1 16 19.832c2.141 0 4.074-1.028 6.568-2.354zM49.5 34.667V24.169c1.092.033 2.667.386 3.957 1.315 1.28.922 2.377 2.472 2.377 5.183 0 2.572-1.627 5.088-4.019 7.298a26 26 0 0 1-3.326 2.579 17.5 17.5 0 0 0 1.011-5.877m-35 0c0 2.061.357 4.04 1.012 5.877a26 26 0 0 1-3.327-2.579c-2.391-2.21-4.018-4.726-4.018-7.298 0-2.711 1.096-4.261 2.376-5.183 1.29-.929 2.866-1.282 3.957-1.315zm3-11.952v11.952c0 8.008 6.492 14.5 14.5 14.5s14.5-6.492 14.5-14.5V22.715c-2.305-.357-4.379-1.465-6.262-2.472l-.472-.252C37.253 18.656 34.883 17.5 32 17.5s-5.253 1.156-7.766 2.491l-.47.252h-.001c-1.884 1.007-3.957 2.115-6.263 2.472M32 23c-1.975 0-3.192.827-4.154 1.523l-.075.055c-.927.67-1.505 1.089-2.437 1.089a1 1 0 0 0 0 2c1.598 0 2.666-.78 3.511-1.397l.173-.126C29.9 25.506 30.682 25 32 25s2.101.506 2.983 1.144l.173.126c.845.617 1.913 1.397 3.511 1.397a1 1 0 1 0 0-2c-.932 0-1.51-.419-2.437-1.09l-.075-.054C35.193 23.827 33.975 23 32 23M21.886 39.375a1 1 0 0 1 1.406-.156C26.534 41.813 29.317 43 32 43s5.467-1.187 8.709-3.78a1 1 0 1 1 1.25 1.56C38.533 43.52 35.316 45 32 45s-6.533-1.48-9.958-4.22a1 1 0 0 1-.156-1.405m1.152-5.637a1 1 0 0 0-.742 1.857c3.42 1.369 6.548 2.072 9.704 2.072s6.284-.703 9.705-2.072a1 1 0 1 0-.743-1.857c-3.245 1.298-6.118 1.929-8.962 1.929s-5.716-.63-8.962-1.929"/></svg></template>
<script setup lang="ts">
/**
 * Mask64 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>
