import { Icon } from '@iconify/css-solid';
import { splitProps } from 'solid-js';

const viewBox = {"width":24,"height":24};
const content = `<style>.vlq8uzb2h {
  fill: currentColor;
  d: path("M6.789 21v-9.327H4V5h10.308v1H5v4.673h2.789V20h2.769v-9.327h3.75v1h-2.75V21zm7.519-7.327V3h.73q2.116 0 3.539 1.577T20 8.327t-1.423 3.76t-3.539 1.586zm1-.99q1.638-.1 2.665-1.377T19 8.327t-1.027-2.979t-2.665-1.357zm0-4.356");
}
</style><path class="vlq8uzb2h"/>`;

/** @param props {{width?: string; height?: string;}} */
function Component(props) {
	const [local, others] = splitProps(props, ["width","height"]);

	return (<Icon width={local.width} height={local.height} viewBox={viewBox} content={content} fallback={"material-symbols-light:earbud-left-outline-sharp"} {...others} />);
}

export default Component;
