<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M36.167 13.333a1.5 1.5 0 0 0-2.332-1.248L18.212 22.5H8A1.5 1.5 0 0 0 6.5 24v16A1.5 1.5 0 0 0 8 41.5h10.213l15.622 10.414a1.5 1.5 0 0 0 2.332-1.248zm-16 11.47 13-8.667v31.728l-13-8.667zm-3 .697H9.5v13h7.667zm26.038-2.772a1.5 1.5 0 0 1 2.067.477C47.061 26.066 48 29.005 48 32s-.94 5.933-2.728 8.795a1.5 1.5 0 0 1-2.544-1.59C44.273 36.733 45 34.338 45 32s-.727-4.734-2.272-7.205a1.5 1.5 0 0 1 .477-2.067m8.682-6.267a1.5 1.5 0 1 0-2.44 1.744c6.293 8.812 6.293 18.778 0 27.59a1.5 1.5 0 1 0 2.44 1.743c7.04-9.855 7.04-21.222 0-31.077"/></svg></template>
<script setup lang="ts">
/**
 * VolumeOn64 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>
