<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.632 1.846a.75.75 0 0 1 .735 0l6.667 3.75a.75.75 0 0 1 .382.654v7.5a.75.75 0 0 1-.382.654l-6.667 3.75a.75.75 0 0 1-.735 0l-6.667-3.75a.75.75 0 0 1-.382-.654v-7.5a.75.75 0 0 1 .382-.654zM4.083 13.311V7.246L9.5 10.292v6.066zm11.833 0L10.5 16.358v-6.066l1.83-1.029v1.57a.75.75 0 0 0 1.5 0V8.42l2.086-1.174zm-2.513-5.799 1.988-1.119L10 3.361 8.01 4.479zM6.48 5.34 4.608 6.393 10 9.426l1.873-1.053z"/></svg></template>
<script setup lang="ts">
/**
 * Package20 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>
