<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M23.298 8.674a1.5 1.5 0 0 1 1.404 0l17 9A1.5 1.5 0 0 1 42 20.118v14.053a3.001 3.001 0 1 1-2 0V21.227l-2.5 1.323V33a1.5 1.5 0 0 1-.329.937C35.59 35.914 30.911 39.5 24 39.5s-11.59-3.586-13.171-5.563A1.5 1.5 0 0 1 10.5 33V22.55l-4.202-2.224a1.5 1.5 0 0 1 0-2.652zM13.5 24.138v8.297C14.913 33.911 18.602 36.5 24 36.5s9.087-2.589 10.5-4.065v-8.297l-9.798 5.188a1.5 1.5 0 0 1-1.404 0zM10.206 19 24 26.303 37.794 19 24 11.697zM24 20c1.105 0 2-.448 2-1s-.895-1-2-1-2 .448-2 1 .895 1 2 1"/></svg></template>
<script setup lang="ts">
/**
 * Course48 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>
