<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M23 7.53q-1.159.07-2.27.294a30 30 0 0 0-2.88 5.778q2.536.331 5.15.388zm-5.09 1.13a16.5 16.5 0 0 0-5.74 3.839q1.805.468 3.665.794A32 32 0 0 1 17.91 8.66m-7.173 5.523A16.4 16.4 0 0 0 7.53 23h6.485c.083-2.691.498-5.3 1.206-7.784a49 49 0 0 1-4.484-1.032M7.53 25a16.4 16.4 0 0 0 3.161 8.755 49 49 0 0 1 4.51-1.04A32 32 0 0 1 14.015 25zm4.582 10.442a16.5 16.5 0 0 0 5.798 3.898 32 32 0 0 1-2.1-4.703q-1.875.33-3.698.805m8.618 4.734q1.111.224 2.27.294v-6.533q-2.626.055-5.175.391a30 30 0 0 0 2.905 5.848m4.27.294a16.5 16.5 0 0 0 2.27-.294 30 30 0 0 0 2.905-5.848A47 47 0 0 0 25 33.937zm5.09-1.13a16.5 16.5 0 0 0 5.798-3.898 47 47 0 0 0-3.699-.805 32 32 0 0 1-2.099 4.703m7.219-5.585A16.4 16.4 0 0 0 40.47 25h-6.485a32 32 0 0 1-1.186 7.714q2.294.417 4.51 1.041M40.47 23a16.4 16.4 0 0 0-3.207-8.816 49 49 0 0 1-4.484 1.032A32 32 0 0 1 33.985 23zm-4.64-10.501a16.5 16.5 0 0 0-5.74-3.839 32 32 0 0 1 2.075 4.634 47 47 0 0 0 3.666-.795m-8.56-4.675A16.5 16.5 0 0 0 25 7.53v6.46a47 47 0 0 0 5.15-.389 30 30 0 0 0-2.88-5.777M24 4.5C13.23 4.5 4.5 13.23 4.5 24S13.23 43.5 24 43.5 43.5 34.77 43.5 24 34.77 4.5 24 4.5m1 11.49q2.942-.061 5.789-.457A30 30 0 0 1 31.984 23H25zM25 25h6.984a30 30 0 0 1-1.174 7.396 49 49 0 0 0-5.81-.46zm-2 0v6.936q-2.952.061-5.81.46A30 30 0 0 1 16.016 25zm0-2h-6.984a30 30 0 0 1 1.195-7.467c1.897.263 3.83.418 5.789.457z"/></svg></template>
<script setup lang="ts">
/**
 * Worldwide48 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>
