<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M6.082 5.855a1 1 0 0 1 .901-.137l5.7 1.9 6.363-1.91a1 1 0 0 1 .604.01l6 2a1 1 0 0 1 .684.949v16.666a1 1 0 0 1-1.317.949l-5.7-1.9-6.363 1.91a1 1 0 0 1-.603-.01l-6-2a1 1 0 0 1-.684-.949V6.667a1 1 0 0 1 .415-.812m12.752 2.006-5.667 1.7v14.578l5.667-1.7zm1 .026v14.559l4.5 1.5V9.387zm-12.167.167 4.5 1.5v14.559l-4.5-1.5z"/></svg></template>
<script setup lang="ts">
/**
 * Map32 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>
