<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M12.456 12.117a1.5 1.5 0 0 1 1.351-.207l11.55 3.85 12.878-3.863a1.5 1.5 0 0 1 .906.013l12 4a1.5 1.5 0 0 1 1.025 1.423v33.334a1.5 1.5 0 0 1-1.974 1.423l-11.55-3.85-12.878 3.863a1.5 1.5 0 0 1-.905-.013l-12-4a1.5 1.5 0 0 1-1.026-1.423V13.333a1.5 1.5 0 0 1 .623-1.216m25.21 3.082-11.333 3.4v30.202l11.333-3.4zm2 .049v30.17l9.5 3.168V18.415zm-24.833.167 9.5 3.166v30.171l-9.5-3.167z"/></svg></template>
<script setup lang="ts">
/**
 * Map64 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>
