<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="M4.415 4.189a1 1 0 0 1 .901-.138l4.2 1.4 4.697-1.409a1 1 0 0 1 .603.01l4.5 1.5A1 1 0 0 1 20 6.5V19a1 1 0 0 1-1.316.949l-4.2-1.4-4.697 1.409a1 1 0 0 1-.603-.01l-4.5-1.5A1 1 0 0 1 4 17.5V5a1 1 0 0 1 .415-.811M14 6.194l-4 1.2v10.412l4-1.2zm1 .027v10.392l3 1V7.22zm-9 .166 3 1V17.78l-3-1z"/></svg></template>
<script setup lang="ts">
/**
 * Map24 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>
