<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="M18.333 6.667a1 1 0 0 0-1.554-.832L9.03 11H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h5.03l7.749 5.166a1 1 0 0 0 1.554-.832zm-8 5.869 6-4v14.93l-6-4zm-2 .464H5v6h3.333zm13.137-1.848a1 1 0 0 1 1.378.318c.915 1.464 1.402 2.978 1.402 4.53s-.487 3.067-1.402 4.53a1 1 0 1 1-1.696-1.06c.752-1.203 1.098-2.355 1.098-3.47 0-1.114-.346-2.266-1.098-3.47a1 1 0 0 1 .318-1.378m4.677-3.066a1 1 0 0 0-1.627 1.162c3.085 4.32 3.085 9.186 0 13.504a1 1 0 0 0 1.627 1.163c3.582-5.014 3.582-10.815 0-15.83"/></svg></template>
<script setup lang="ts">
/**
 * VolumeOn32 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>
