<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="M31.298 12.008a1.5 1.5 0 0 1 1.404 0l22.666 12a1.5 1.5 0 0 1 .298 2.444v19.007a4.002 4.002 0 0 1-1 7.874 4 4 0 0 1-1-7.873v-17.9L49.5 29.766V44a1.5 1.5 0 0 1-.329.937c-2.026 2.533-8.127 7.23-17.171 7.23s-15.145-4.697-17.172-7.23A1.5 1.5 0 0 1 14.5 44V29.766L8.63 26.659a1.5 1.5 0 0 1 0-2.651zM17.5 31.354v12.09c1.867 2.036 6.976 5.723 14.5 5.723 7.523 0 12.632-3.687 14.5-5.722v-12.09l-13.798 7.304a1.5 1.5 0 0 1-1.404 0zm-4.961-6.02 19.46 10.302L51.46 25.333 32 15.032zm19.46 1.333c1.473 0 2.667-.597 2.667-1.334C34.666 24.597 33.472 24 32 24c-1.473 0-2.667.597-2.667 1.333 0 .737 1.194 1.334 2.667 1.334"/></svg></template>
<script setup lang="ts">
/**
 * Course64 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>
