<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M9.5 3.268a7 7 0 0 0-.842.115q-.66 1.045-1.105 2.215.96.121 1.947.146zm-2.253.567c-.734.329-1.4.785-1.967 1.34q.624.154 1.263.27.301-.833.704-1.61M4.55 6.017A6.7 6.7 0 0 0 3.268 9.5H5.76c.04-1.068.203-2.104.478-3.095a20 20 0 0 1-1.687-.388M3.268 10.5a6.7 6.7 0 0 0 1.263 3.457 20 20 0 0 1 1.698-.391 13.4 13.4 0 0 1-.47-3.066zm1.987 4.3a6.8 6.8 0 0 0 1.992 1.365 13 13 0 0 1-.714-1.639q-.646.117-1.278.275m3.403 1.816q.413.084.842.116v-2.506q-.993.025-1.958.147c.297.789.672 1.54 1.116 2.244m1.842.116q.43-.032.842-.115c.444-.704.82-1.455 1.116-2.244q-.965-.122-1.958-.147zm2.253-.567a6.8 6.8 0 0 0 1.992-1.364q-.63-.159-1.278-.275a13 13 0 0 1-.714 1.64m2.716-2.208a6.7 6.7 0 0 0 1.263-3.457H14.24a13.4 13.4 0 0 1-.47 3.066q.862.16 1.698.391M16.732 9.5a6.7 6.7 0 0 0-1.281-3.483q-.831.23-1.688.388c.275.99.439 2.027.478 3.095zM14.72 5.175a6.8 6.8 0 0 0-1.967-1.34q.403.777.704 1.61.639-.116 1.263-.27m-3.378-1.792a7 7 0 0 0-.842-.115v2.476a20 20 0 0 0 1.947-.146 12.4 12.4 0 0 0-1.105-2.215M10 1.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5m.5 4.994a21 21 0 0 0 2.269-.18c.27.938.431 1.921.471 2.936H10.5zm0 3.756h2.74a12.4 12.4 0 0 1-.463 2.906 21 21 0 0 0-2.277-.18zm-1 0v2.725q-1.156.03-2.277.18A12.4 12.4 0 0 1 6.76 10.5zm0-1H6.76c.04-1.015.202-1.998.471-2.935q1.118.15 2.269.179z"/></svg></template>
<script setup lang="ts">
/**
 * Worldwide20 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>
