<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M11.5 4.015a8 8 0 0 0-1.32.193A15 15 0 0 0 8.925 6.8q1.268.166 2.575.194zm-2.73.664c-.901.398-1.715.957-2.404 1.641q.765.189 1.552.327.361-1.018.851-1.968M5.626 7.163A7.96 7.96 0 0 0 4.015 11.5h2.993c.041-1.346.249-2.65.603-3.892q-1.007-.183-1.984-.445M4.015 12.5a7.96 7.96 0 0 0 1.59 4.307q.982-.266 1.996-.45a16 16 0 0 1-.593-3.857zm2.321 5.15a8 8 0 0 0 2.433 1.67 16 16 0 0 1-.864-2.002q-.793.14-1.569.332m3.844 2.142q.643.15 1.32.193v-3.017a24 24 0 0 0-2.588.196c.338.922.764 1.801 1.268 2.628m2.32.193a8 8 0 0 0 1.32-.193 15 15 0 0 0 1.268-2.628 24 24 0 0 0-2.588-.196zm2.73-.664a8 8 0 0 0 2.434-1.671 23 23 0 0 0-1.57-.331 16 16 0 0 1-.864 2.002m3.166-2.514a7.96 7.96 0 0 0 1.589-4.307h-2.993a16 16 0 0 1-.593 3.857q1.014.185 1.997.45m1.589-5.307a7.96 7.96 0 0 0-1.612-4.337q-.977.262-1.984.445c.354 1.242.562 2.546.603 3.892zm-2.351-5.18a8 8 0 0 0-2.403-1.64q.49.949.851 1.967.786-.137 1.552-.327M13.82 4.208a8 8 0 0 0-1.32-.193v2.98q1.306-.028 2.575-.194a15 15 0 0 0-1.255-2.593M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m.5 5.995q1.47-.03 2.895-.228c.349 1.19.555 2.44.597 3.733H12.5zm0 4.505h3.492a15 15 0 0 1-.587 3.698 25 25 0 0 0-2.905-.23zm-1 0v3.468q-1.476.03-2.905.23a15 15 0 0 1-.587-3.698zm0-1H8.008c.042-1.293.248-2.544.598-3.733q1.423.197 2.894.228z"/></svg></template>
<script setup lang="ts">
/**
 * Worldwide24 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>
