<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="M3.728 3.558a.75.75 0 0 1 .676-.103L7.93 4.63l3.94-1.182a.75.75 0 0 1 .452.007l3.75 1.25a.75.75 0 0 1 .513.712v10.416a.75.75 0 0 1-.988.712l-3.524-1.175-3.94 1.182a.75.75 0 0 1-.452-.007l-3.75-1.25a.75.75 0 0 1-.513-.712V4.167a.75.75 0 0 1 .311-.609M11.584 5.1l-3.167.95v8.85l3.167-.95zm1 .024v8.835l2.5.834V5.957zm-7.667.083 2.5.834v8.835l-2.5-.833z"/></svg></template>
<script setup lang="ts">
/**
 * Map20 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>
