<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M15.532 5.783a1 1 0 0 1 .936 0l11.333 6a1 1 0 0 1 .033 1.75v9.197a2 2 0 1 1-1 0v-8.667l-1.834.97V22a1 1 0 0 1-.219.625c-1.054 1.318-4.174 3.708-8.78 3.708-4.608 0-7.727-2.39-8.782-3.708A1 1 0 0 1 7 22v-6.967L4.2 13.55a1 1 0 0 1 0-1.767zM9 16.093v5.53c.942.984 3.401 2.71 7 2.71s6.058-1.726 7-2.71v-5.53l-6.532 3.457a1 1 0 0 1-.936 0zm-2.196-3.427L16 17.536l9.196-4.868L16 7.797zm9.196.667c.737 0 1.334-.298 1.334-.667 0-.368-.597-.666-1.334-.666-.736 0-1.333.298-1.333.666s.597.667 1.333.667"/></svg></template>
<script setup lang="ts">
/**
 * Course32 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>
