<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M9.65 3.504a.75.75 0 0 1 .701 0l7.084 3.75a.75.75 0 0 1 .149 1.222v5.794a1.25 1.25 0 1 1-1 0V9.03l-.834.441v4.279a.75.75 0 0 1-.164.468c-.68.85-2.664 2.365-5.586 2.365s-4.906-1.515-5.585-2.365a.75.75 0 0 1-.165-.468V9.47l-1.684-.892a.75.75 0 0 1 0-1.325zm-3.9 6.761v3.199c.592.598 2.081 1.62 4.25 1.62s3.659-1.022 4.25-1.62v-3.199l-3.899 2.064a.75.75 0 0 1-.702 0zM4.52 7.916 10 10.819l5.48-2.901L10 5.014zm5.48.417c.46 0 .834-.186.834-.416S10.46 7.5 10 7.5s-.833.186-.833.417.373.416.833.416"/></svg></template>
<script setup lang="ts">
/**
 * Course20 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>
