<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="M11.532 4.116a1 1 0 0 1 .936 0l8.5 4.5a1 1 0 0 1 .032 1.75v6.72a1.5 1.5 0 1 1-1 0v-6.19l-1 .53V16.5a1 1 0 0 1-.22.625C17.949 18.165 15.54 20 12 20s-5.949-1.835-6.78-2.875A1 1 0 0 1 5 16.5v-5.074l-1.968-1.042a1 1 0 0 1 0-1.768zM7 12.484v3.631C7.711 16.82 9.46 18 12 18s4.289-1.181 5-1.885v-3.63l-4.532 2.399a1 1 0 0 1-.936 0zM5.637 9.5 12 12.868 18.363 9.5 12 6.131zM12 10c.552 0 1-.224 1-.5s-.448-.5-1-.5-1 .224-1 .5.448.5 1 .5"/></svg></template>
<script setup lang="ts">
/**
 * Course24 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>
