<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="M31 9.522a22.5 22.5 0 0 0-3.436.415 40.2 40.2 0 0 0-4.218 8.474c2.507.344 5.062.54 7.654.581zm-6.256 1.174a22.5 22.5 0 0 0-9.329 6.099q2.908.792 5.92 1.306c.9-2.592 2.046-5.07 3.409-7.405m-10.73 7.783A22.4 22.4 0 0 0 9.522 31h9.49a42.3 42.3 0 0 1 1.706-10.976 65 65 0 0 1-6.704-1.545M9.522 33a22.4 22.4 0 0 0 4.431 12.44 65 65 0 0 1 6.738-1.558A42.3 42.3 0 0 1 19.01 33zm5.821 14.127a22.5 22.5 0 0 0 9.4 6.177 42 42 0 0 1-3.44-7.498 63 63 0 0 0-5.96 1.32m12.22 6.936a22.5 22.5 0 0 0 3.437.415V44.91a64 64 0 0 0-7.687.587 40.2 40.2 0 0 0 4.25 8.567m5.437.415a22.5 22.5 0 0 0 3.436-.415 40.2 40.2 0 0 0 4.251-8.567A64 64 0 0 0 33 44.909zm6.256-1.174a22.5 22.5 0 0 0 9.4-6.177 63 63 0 0 0-5.959-1.321 42 42 0 0 1-3.44 7.498m10.79-7.864A22.4 22.4 0 0 0 54.479 33h-9.49a42.3 42.3 0 0 1-1.679 10.882q3.436.604 6.738 1.558M54.479 31a22.4 22.4 0 0 0-4.492-12.52 65 65 0 0 1-6.704 1.544A42.3 42.3 0 0 1 44.988 31zm-5.893-14.205a22.5 22.5 0 0 0-9.329-6.1 42 42 0 0 1 3.41 7.406 63 63 0 0 0 5.919-1.307M36.436 9.936A22.5 22.5 0 0 0 33 9.522v9.47a64 64 0 0 0 7.654-.581 40.2 40.2 0 0 0-4.218-8.474M32 6.5C17.917 6.5 6.5 17.917 6.5 32S17.917 57.5 32 57.5 57.5 46.083 57.5 32 46.083 6.5 32 6.5m1 14.493a65.5 65.5 0 0 0 8.29-.652A40.3 40.3 0 0 1 42.988 31H33zM33 33h9.988a40.3 40.3 0 0 1-1.67 10.565A65.5 65.5 0 0 0 33 42.909zm-2 0v9.91c-2.82.042-5.596.264-8.318.655A40.3 40.3 0 0 1 21.012 33zm0-2h-9.988c.09-3.698.678-7.272 1.698-10.659 2.713.388 5.48.61 8.29.651z"/></svg></template>
<script setup lang="ts">
/**
 * Worldwide64 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>
