<script>
import Icon from '@iconify/css-svelte';

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":24,"height":24};
const content = `<path class="eepkxdbyk"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols-light:earbud-right" {...props}></Icon>
<style>
:global(.eepkxdbyk) {
  fill: currentColor;
  d: path("M14.058 21q-.69 0-1.153-.462t-.463-1.153V5h5.943q.69 0 1.152.463T20 6.616v3.442q0 .69-.463 1.153t-1.153.462h-1.173v7.712q0 .69-.462 1.152T15.596 21zM8.96 13.673q-2.115 0-3.538-1.586T4 8.327t1.423-3.75T8.961 3h.731v10.673z");
}

</style>
