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

const viewBox = {"width":24,"height":24};
const content = `<style>.xbljnfwog {
  fill: currentColor;
  d: path("M8.885 21q-2.85 0-4.868-1.95T2 14.27h1q0 2.403 1.716 4.067Q6.433 20 8.885 20zm0-3.27q-1.49 0-2.553-.994q-1.063-.995-1.063-2.467h1q0 1.05.773 1.756q.774.706 1.843.706zM8.5 14.693V4h7v10.692zm1-1h5V5h-5zm5.616 4.039v-1q1.069 0 1.842-.706t.773-1.756h1q0 1.471-1.063 2.466t-2.552.996m0 3.269v-1q2.451 0 4.168-1.664Q21 16.673 21 14.27h1q0 2.831-2.017 4.781T15.115 21M9.5 13.692h5z");
}
</style><path class="xbljnfwog"/>`;

/** @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:spatial-speaker-outline-sharp"} {...others} />);
}

export default Component;
